手机网页禁止缩小放大

最新推荐文章于 2023-08-29 15:29:38 发布

weixin_30716725

最新推荐文章于 2023-08-29 15:29:38 发布

阅读量226

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/soweb/p/6672374.html

版权

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

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

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

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

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

转载于:https://www.cnblogs.com/soweb/p/6672374.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注