html5不缩放，html设置缩放比例

手机html5页面缩放问题

1、手机页面最好不要用实打实的宽的来写，不同手机上面的宽度显示是不同的。

2、手机浏览器是把页面放在一个虚拟的窗口（viewport）中，通常这个虚拟的窗口（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。

3、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

4、meta name=viewport content=width=device-width， initial-scale=0， user-scalable=no， minimum-scale=0， maximum-scale=0/ 上面的参数看名知意，按需修改。

5、p首先你要在html页面头部加上下面的代码；viewport，不懂可以百度；content=，一些小的模块可以用固定尺寸；meta ， name=。再就是css中要应用到媒体查询，不能不用固定尺寸。

相关问答

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

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

用iphone调试html5页面的方法如下：打开手机web检查器。通过【设置】【Safari】【高级】【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。

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

用以下代码开头：！DOCTYPE HTMLhtmlheadmeta charset=utf-8meta name=viewport content=width=device-width， initial-scale=1 使用百分比定义宽度，CSS代码可以适当使用：media only screen and (max-width：449px){ } 自动根据屏幕像素 调用不同的CSS代码。

导航设计 手机端页面导航应当包括用户必要的内容，删除屏幕上不必要的链接，假如链接的详细页面内容不是用户想要的，用户不会点击，也就没必要设置。其中建立导航功能键的时候，其中以回到首页、回到上一页这两个最为重要。

Q2: HTML5实现移动端自适应的几种方法介绍

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

2、在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

3、支持csshtml5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签。 不支持csshtml5的脑残浏览器特别是=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了。

Q3: 手机浏览器双击放大功能怎么关闭

可以在手机设置--更多设置--辅助功能---手势放大--关闭放大手势即可关闭三连击放大屏幕功能。

亲爱的v粉，您可以下载UC浏览器，进入UC浏览器中点击下方的“≡”按钮，选择左边的设置按钮--进入高级设置--点击自动安装应用，选择“朕知道了”会进入辅助功能，在辅助功能中可以关闭放大手势。

打开安卓谷歌浏览器，进入设置。进入桌面菜单滑到最下面，点击辅助功能。从辅助功能菜单点击无障碍设置。点击关闭双击放大功能按钮，安卓谷歌浏览器即可关闭双击缩放。

进入设置--更多设置--辅助功能--关闭放大手势。进入UC浏览器--按菜单键选择设置--更多--点击自动安装应用，提示是否开启自动安装，点击确定进入辅助功能，在辅助功能中可以关闭放大手势。

Q4: 浏览器窗口化的时候打开HTML5页面为什么会缩小

如果你的电脑网页突然变得打开很小，可能是因为以下原因：分辨率设置如果你的分辨率设置不正确，会导致网页显示很小。你可以尝试调整分辨率大小，以看看是否能够解决问题。浏览器缩放设置你的浏览器可能已经设置了缩放比例，导致网页显示很小。你可以尝试调整浏览器缩放比例，以查看是否可以解决问题。

自然拉伸 如果你的中国站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的中国页页面。制作表格时，只要你把表格的宽度属性定义为一00% ，表格就会根据分辨率的不同自行调整宽度。

可能是触摸屏有静电干扰，有类似于手指缩放的现象出现。

问题九：网页突然变小 平时我们用浏览器一般是不会去缩放的，但有时我们忽然发现我们的网页中的文字和图片等所有内容都比以前显示更大了，而我们也没有进行过什么操作呀，为什么会变成这样了呢？这是怎么回事？其实这是浏览器的缩放功能造成的。

IE 浏览器具有自动记忆窗口大小效应，以最后关闭的 IE 窗口大小为准。以后只要不再调整窗口大小，那么新开的窗口就都是这种最大显示面积的，和最大化的效果也差不多。

前面打开的IE浏览窗口，只留下这个链接页面拉动边框，将窗口拉到整个屏幕然后关闭该页面，以后打开IE窗口直接最大化了。如果还不行，运行输入regedit回车，打开注册表定位[HKEY_CURRENT_USER\Software\Microsoft\InternetExplorer\Desktop\OldworkAreas\]然后在右窗格选中“OldworkAreaRects”将它删除。

关于html5不缩放和html设置缩放比例的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。