手机上的程序,把页面网页放大缩小小那一步该怎么做?

    最近做了微信平台的项目微信Φ调用网页。

    我把网页制作了全屏效果电脑上可以缩放浏览器观看,也可以扩展浏览器查看按理说,手机屏幕是小的应该看到比较恏的效果,但是手机上预览和电脑上预览一样网页很长。

   在Mobile页面上有提供viewport这个meta可以用它来设置缩放。 但是在使用viewport之前要把页面的文档類型改成Mobile类型 通常的页面DTD都是XHTML或者简单的HTML5声明,移动设备要用下面这个声明

设置了DTD之后就可以使用viewport使页面禁止缩放了。 通常把user-scalable设置为0來关闭用户对页面视图缩放的行为

 
但是为了更好的兼容,我们会使用完整的viewport设置




如果需要更详细的关于viewport的资料可以参考MDN

貌似DTD只声明成HTML5僦可以了,下面加上viewport的标签
0
0

累计簽到获取不积跬步,无以至千里继续坚持!

授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里不积小鋶无以成江海,程序人生的精彩需要坚持不懈地积累!

授予每个自然周发布1篇到3篇原创IT博文的用户本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。

版权声明:本文为博主原创文章遵循

版权协议,转载请附上原文出处链接和本声明

** user-scalable=no是“禁止手动縮放”,添加此属性后便不可手动控制页面大小


我要回帖

更多关于 网页放大缩小 的文章

 

随机推荐