做完手机端的一个网页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 – 用户是否可以手动缩放
在做这手机端的网页页面时,一开始还是不要一下子就去做,还是一样,先想想这么做,规划下,这样才可以提高效率。
有些网页部位还可以写成组件,那里需要用的上就直接套进去,然后再分开写一些细调的代码,再应用进去,这样又可以提高工作量的效率。就不用次次去写了。
时间: 2024-12-20 13:30:17