資訊專欄INFORMATION COLUMN
摘要：內容不會被修剪，會呈現在元素框之外。內容會被修剪，并且其余內容是不可見的。內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容。規定應該從父元素繼承屬性的值。
什么是Viewport
手機瀏覽器是把頁面放在一個虛擬的“窗口”（viewport）中，通常這個虛擬的“窗口”（viewport）比屏幕寬，這樣就不用把每個網頁擠到很小的窗口中（這樣會破壞沒有針對手機瀏覽器優化的網頁的布局），用戶可以通過平移和縮放來看網頁的不同部分。移動版的 Safari 瀏覽器最新引進了 viewport 這個 meta tag，讓網頁開發者來控制 viewport 的大小和縮放，其他手機瀏覽器也基本支持。
Meta標簽width - 可視區域的寬度,為一個正整數，或字符串"device-width"
height - 可視區域的高度,為一個正整數，或字符串"device-height"
initial-scale - 初始的縮放比例,取值1.0則頁面按實際尺寸顯示，無任何縮放
minimum-scale - 允許用戶縮放到的最小比例,為一個數字，可以帶小數
maximum-scale - 允許用戶縮放到的最大比例,為一個數字，可以帶小數
user-scalable - 用戶是否可以手動縮放,值為"no"或"yes", no 代表不允許，yes代表允許
telephone - 數字是否轉化為撥號鏈接，值為"no"或"yes", no 代表不允許，yes代表允許，當設置為no,打電話
email - 是否自動識別郵箱，值為"no"或"yes", no 代表不允許，yes代表允許，當設置為no,當設置為no,
發送郵件
window.scrollY window.scrollX
桌面瀏覽器中想要獲取滾動條的值是通過document.scrollTop和document.scrollLeft得到的，android和IOS通過window.scrollY window.scrollX
禁止復制粘貼文本-webkit-user-select:none移動端touch事件
touchstart //當手指接觸屏幕時觸發
touchmove //當已經接觸屏幕的手指開始移動后觸發
touchend //當手指離開屏幕時觸發
touchcancel//當某種touch事件非正常結束時觸發
這4個事件的觸發順序為：
touchstart -> touchmove -> touchend ->touchcancel
overflow 屬性規定當內容溢出元素框時發生的事情
visible 默認值。內容不會被修剪，會呈現在元素框之外。
hidden 內容會被修剪，并且其余內容是不可見的。
scroll 內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容。
auto 如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。
inherit 規定應該從父元素繼承 overflow 屬性的值。
background-image和image的加載區別在網頁加載的過程中，以css背景圖存在的圖片background-image會等到結構加載完成（網頁的內容全部顯示以后）才開始加載，而html中的標簽img是網頁結構（內容）的一部分會在加載結構的過程中加載，換句話講，網頁會先加載標簽img的內容，再加載背景圖片background-image
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111452.html
摘要：內容不會被修剪，會呈現在元素框之外。內容會被修剪，并且其余內容是不可見的。內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容。規定應該從父元素繼承屬性的值。 什么是Viewport 手機瀏覽器是把頁面放在一個虛擬的窗口（viewport）中，通常這個虛擬的窗口（viewport）比屏幕寬，這樣就不用把每個網頁擠到很小的窗口中（這樣會破壞沒有針對手機瀏覽器優化的網頁的布局），用戶可以...
摘要：移動互聯網時代，頭部結構，移動端的元素，顯得更為重要。最后語言是語言的語言標識符，如表示英文，表示中文。分別表示嚴格版本，過渡版本，以及基于框架的文檔。在中有兩個主要目的。對文檔進行有效性驗證。 HTML head 頭部分的標簽、元素有很多，涉及到瀏覽器對網頁的渲染，SEO等等，而各個瀏覽器內核以及各個國內瀏覽器廠商都有些自己的標簽元素,這就造成了很多差異性。移動互聯網時代，head ...
摘要：不允許再有其他文件，不允許再有單獨的文件。必須支持標準的四則運算。請在收到郵件的小時內獨立完成本測試，并回復本郵件。項目地址最終版的計算器，項目地址和預覽圖片在。并且使用單位來進行自動計算尺寸。 一道筆試題 之前偶然看到一個公司的筆試題，題目如下： 用HTML5、CSS3、JavaScript，做一個網頁，實現如下圖形式計算器 showImg(https://segmentfault....
摘要：不允許再有其他文件，不允許再有單獨的文件。必須支持標準的四則運算。請在收到郵件的小時內獨立完成本測試，并回復本郵件。項目地址最終版的計算器，項目地址和預覽圖片在。并且使用單位來進行自動計算尺寸。 一道筆試題 之前偶然看到一個公司的筆試題，題目如下： 用HTML5、CSS3、JavaScript，做一個網頁，實現如下圖形式計算器 showImg(https://segmentfault....
摘要：不允許再有其他文件，不允許再有單獨的文件。必須支持標準的四則運算。請在收到郵件的小時內獨立完成本測試，并回復本郵件。項目地址最終版的計算器，項目地址和預覽圖片在。并且使用單位來進行自動計算尺寸。 一道筆試題 之前偶然看到一個公司的筆試題，題目如下： 用HTML5、CSS3、JavaScript，做一個網頁，實現如下圖形式計算器 showImg(https://segmentfault....
閱讀 3564·2021-10-15 09:43
閱讀 3487·2021-09-02 15:21
閱讀 2193·2021-08-11 11:23
閱讀 3238·2019-08-30 15:54
閱讀 1923·2019-08-30 13:54
閱讀 3199·2019-08-29 18:35
閱讀 669·2019-08-29 16:58
閱讀 1736·2019-08-29 12:49
