viewport

做完手机端的一个网页APP的项目了,总体的来说比pc端的那个小巨蛋要简单的多的多,核心的代码就一句:

<meta name="viewport" content="width=750, maximum-scale=1,user-scalable=no">

说明:  

width – viewport的宽度,支持数值,或特殊字符“device-width”(设备的可见宽)

height – viewport的高度

initial-scale – 初始的缩放比例

minimum-scale – 允许用户缩放到的最小比例

maximum-scale – 允许用户缩放到的最大比例

user-scalable – 用户是否可以手动缩放

在做这手机端的网页页面时,一开始还是不要一下子就去做,还是一样,先想想这么做,规划下,这样才可以提高效率。

有些网页部位还可以写成组件,那里需要用的上就直接套进去,然后再分开写一些细调的代码,再应用进去,这样又可以提高工作量的效率。就不用次次去写了。

原文地址:https://www.cnblogs.com/dadayang/p/5816402.html