html5页面禁止放大缩小，html不允许缩放

HTML5手机端页面缩放问题应该如何解决?

meta name=viewport content=initial-scale=1， maximum-scale=3， minimum-scale=1， user-scalable=no这个申明是移动设备用的，1：1显示设备屏幕大小，禁止缩放在手机上不能固定宽度，要按百分比写页面宽度。

在【开始】→【运行】中输入： regedit→确定（或按回车键）之后，打开注册表编辑器。依次打开：HKEY_CLASSES_ROOT→往下找.htm项（注意前面有英文状态的句号）。

咱们写HTML5手机端的时候，会发现显示元素比例不正确，我们在head里面添加一段meta name=“viewport”content=“width=device-width，initial-scale=1”即可。

相关问答

Q1: dreamweaver做手机网页的时怎么让网页100%自适应铺满屏幕,就是不能让...

消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页，在全屏状态下浏览一切正常。但在改变浏览窗口大小之后，网页就变得不堪入目了，这是个很值得注意的问题。

要输入代码进行显示。代码：fullscreen=true。一般的页面的宽度是1004，把页面属性的左右上下的边距都设为0就可以全屏显示了。还可以直接按F11按钮，也可以使全屏显示。

首先要让页面大小铺满屏幕又不能溢出。只需要在html标签内加入viewport（如下），参数分别表示：页面宽度＝ 屏幕宽度，最大和最小伸缩比都是1，不允许用户拉缩。

：Meta 标签 为了适应屏幕，不少移动浏览器都会把HTML页面置于较大视口宽度（一般会大于屏幕宽度），你可以使用viewport meta标签来设定。

Q2: 我用html5做的手机页面在iphone上测试时字体和电脑上一样,不自动缩放呢...

1、虽然有的网页设置了自动全屏，但是点了“x”之后退出了全屏并且视频播放停下来了，点击播放时又全屏了，但是我们可以退出全屏并继续播放，具体方法：在全屏页用两指缩小手势（不是下滑或点“x”，即刻退出全屏并继续播放视频。

2、第一种，伪“感应式”设计：（HTML5模板类方案）上图是HTML5模板类测试结果，依次是iPhoneiPhoneiPhone6 可以看出iPhone4时，变形最严重，iPhone5效果最好，iPhone6是等比例缩放后，两侧边缘，有些像素显示不了。

3、楼下正解，就是响应式布局（RWD），可以用一些自动实现的框架，比如bootstrap。原理我想就是动态css吧，有个东西叫less框架，可以去看看。应该无非就是用百分比代替写死的像素大小。

4、如通过媒体查询技术，对不同的分辨率做不同的css样式适配，将根元素放大到一定的倍数，使用rem而不是使用px作为单位，这样才是web端的正确写法。在电脑上看的正常不代表你写的就没有问题，web肯定是要进行真机测试的。

html5页面禁止放大缩小的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html不允许缩放、html5页面禁止放大缩小的信息别忘了在本站进行查找喔。