制作手机网页
0
最近修改手机的论坛,想要自己重新做一个,但是发现我写出来的页面总是不对劲。
如果是适应屏幕模式的时候发现样式都没有作用了,但是用缩放屏幕的时候发现文章很多都缩小,不好操作和看不清楚。
最后我看其他手机网页的时候发现多了个meta
信息,于是我就在我的页面也加上,果断没有问题了。
内容如下(应该只有支持html5的浏览器支持):
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
Google后发现这段标签只有在移动端才有用,含义分别是:宽度默认为移动设备的宽度 ,初始大小为1.0,最大缩放大小为1.0,最后一个就是用户是否可以缩放屏幕的意思。