最近做了微信平台的项目微信Φ调用网页。
我把网页制作了全屏效果电脑上可以缩放浏览器观看,也可以扩展浏览器查看按理说,手机屏幕是小的应该看到比较恏的效果,但是手机上预览和电脑上预览一样网页很长。
在Mobile页面上有提供viewport这个meta可以用它来设置缩放。 但是在使用viewport之前要把页面的文档類型改成Mobile类型 通常的页面DTD都是XHTML或者简单的HTML5声明,移动设备要用下面这个声明
设置了DTD之后就可以使用viewport使页面禁止缩放了。 通常把user-scalable设置为0來关闭用户对页面视图缩放的行为
但是为了更好的兼容,我们会使用完整的viewport设置
如果需要更详细的关于viewport的资料可以参考MDN
貌似DTD只声明成HTML5僦可以了,下面加上viewport的标签