更詳細介紹
"viewport" content=
"width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
>
這個用的最多,width和height指令分別指定視區的邏輯寬度和高度。他們的值要麼是以畫素為單位的數字,要麼是乙個特殊的標記符號。width指令使用device-width標記可以指示視區寬度應為裝置的螢幕寬度。類似地height指令使用device-height標記指示視區高度為裝置的螢幕高度。
user-scalable指令指定使用者是否可以縮放視區,即縮放web頁面的檢視。值為yes時允許使用者進行縮放,值為no時不允許縮放
initial-scale指令用於設定web頁面的初始縮放比例。預設的初始縮放比例值因智慧型手機瀏覽器的不同而有所差異。通常情況下裝置會在瀏覽器中呈現出整個web頁面,設為1.0則將顯示未經縮放的web文件。
maximum-scale和minimum-scale指令用於設定使用者對web頁面縮放比例的限制。值的範圍為0.25至10.0之間。與initial-scale相同,這些指令的值是應用於視區內容的縮放比例。
所有智慧型手機瀏覽器都支援viewport 標記的width和user-scalabel指令。但是opera mobile不使用user-scalable指令,而是主張使用者應始終保留在移動瀏覽器中縮放web頁面的能力。
移動端meta標籤設定
1.設定當前html檔案的字元編碼 2設定瀏覽器的相容模式 讓ie使用最新的瀏覽器渲染 3.視口 快捷鍵 meta vp 4.cache control頭域 5.是用於設定禁止瀏覽器從本地機的快取中調閱頁面內容,設定後一旦離開網頁就無法從cache中再調出 6.禁止將頁面中的一連串數字識別為 號碼 ...
meta標籤 移動端
手機網頁可以通過meta標籤設定縮放,撥號的超連結 縮放 網頁手機wap2.0網頁的head裡加入下面這條元標籤,在iphone的瀏覽器中頁面將以原始大小顯示,並不允許縮放。width viewport的寬度 height viewport的高度 initial scale 初始的縮放比例 mini...
移動端meta標籤
設定這些meta標籤的主要作用是描述網頁,便於搜尋引擎抓取 相容瀏覽器,適配移動端 開啟或者是禁止一些預設的樣式和預設的事件等等。1 作用 ie edge告訴ie使用最新的引擎渲染網頁,chrome 1則可以啟用chrome frame x ua compatible是自從ie8新加的乙個設定,對於...