viewport Meta Tag
- 網頁手機wap2.0網頁的head里加入下面這條元標籤，在iPhone的瀏覽器中頁面將以原始大小顯示，並不容許縮放。
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
- width - viewport的寬度 height - viewport的高度
- initial-scale - 初始的縮放比例
- minimum-scale - 容許用戶縮放到的最小比例
- maximum-scale - 容許用戶縮放到的最大比例
- user-scalable - 用戶是否能夠手動縮放
viewport Meta 標記瀏覽器
今天來講說viewport Meta標記。這個標記最開始是由蘋果引進的，用來標記移動設備的瀏覽器的視口大小。如今，這個標記也已經被Android接受。不止如此，除了WebKit內核的瀏覽器，Mozilla也接受了這個標記。聽說，HTML5也將正式引入這個標記。scala
在<head>中，寫下如下代碼it
<meta name="viewport" content="width=device-width; user-scalable=0;" />
就能夠讓您的網頁適應移動瀏覽器的大小。meta
視口，和ps中的畫布比較相像。im
下面解釋一下viewport的meta標記中各個參數的具體意義。viewport
width
視口的寬度。能夠使用像素值，但推薦使用device-width關鍵字。表示依照設備屏幕的寬度。移動
heightview
視口的高度。不用指定。vi
user-scalable標籤
用戶是否能夠縮放視口。
值能夠是：
1, yes, or true: 容許用戶縮放
0, no, or false: 不準用戶縮放
initial-scale
初始縮放值。好比1.0表示一個視口像素等於一個屏幕像素。
minimum-scale
最小比例值。範圍從0至10.0
maximum-scale
最大比例值。範圍從0至10.0
相關文章
- 1. meta viewport 知識
- 2. 譯——meta viewport
- 3. meta 之 viewport
- 4. meta viewport 詳解
- 5. HTML - 移動端 meta viewport
- 6. meta viewport content屬性值
- 7. html meta中的viewport指令
- 8. HTML5 meta viewport參數詳解
- 9. HTML中meta=「viewport」的介紹
- 10. bootstrap -- meta中的viewport指令
- 更多相關文章...
- • SVN 標籤（tag） - SVN 教程
- • Docker tag 命令 - Docker命令大全
- • 算法總結-回溯法
- • RxJava操作符（七）Conditional and Boolean
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
