移動web開發 meta 之 viewport

2021-09-08 09:52:03 字數 719 閱讀 7603

常用的 viewport meta 如下:

1<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

1、width :控制viewport的大小,可以指定乙個值,如600, 或者特殊的值,如device-width為裝置的寬度(單位為縮放為100%的css的畫素)

2、height :和width相對應,指定高度

3、initial-scale :初始縮放比例,頁面第一次載入時的縮放比例

4、maximum-scale :允許使用者縮放到的最大比例,範圍從0到10.0

5、minimum-scale :允許使用者縮放到的最小比例,範圍從0到10.0

6、user-scalable :使用者是否可以手動縮放,值可以是:①yes、 true允許使用者縮放;②no、false不允許使用者縮放

移動web開發 meta 之 viewport

常用的 viewport meta 如下 1 metaname viewport content width device width,initial scale 1,minimum scale 1,maximum scale 1,user scalable no 1 width 控制viewpor...

移動web開發

1.為什麼去學習移動web?已經從趨勢變成了乙個主流了,網際網路的流量入口已經大於pc端的流量入口2.相容性在國內的移動web瀏覽器,絕大部分都是基於webkit核心的,所以一些css3效果,h5的新特性絕大部分都被支援,需要新增字首。不同機型之間可能會略有不同,這個需要踩坑 在移動端,做動畫一律用...

移動web開發之rem布局

理論基礎 什麼是rem?fontsize of the root elelment 說白了就是字型單位,是指相對於根元素的字型大小的單位。rem的優點 相對於流式布局 響應式布局等布局方式,rem更為靈活,可以根據根不同螢幕尺寸上的根元素來等比例適配。rem的基準值 根元素的字型大小 而網頁的根元素...