锐客网

  1. 首页 > 睿知 > it技术 > >

html5初始页面缩小显示，html网页缩小不变形

IT技术法律责任

(如图)HTML网页放到手机上显示变小了,如何让手机上显示正常 。1、meta name=viewport content=initial-scale=1 ，  maximum-scale=3，minimum-scale=1， user-scalable=no这个申明是移动设备用的，1：1显示设备屏幕大小 ， 禁止缩放在手机上不能固定宽度，要按百分比写页面宽度 。
2、如下图 ， 使用手机浏览器访问了淘宝电脑版网页后 ， 变的非常小，这时点击华为浏览器右下角的“三个点” 。弹出的选项里面，点击左下角“工具箱” 。
3、以小米手机为例，首先在手机上利用QQ接收一个HTML文件 。然后在手机QQ中点击该HTML文件 ， 选择用其他应用打开 。然后在其他应用中选择浏览器 ， 点击下方的仅此一次 。
4、打开手机web检查器 。通过【设置】【Safari】【高级】【Web检查器】打开 。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述 ， 照做就好 。
浏览器窗口化的时候打开HTML5页面为什么会缩小meta name=viewport content=width=device-width，initial-scale=0 ，  user-scalable=no ，  minimum-scale=0，maximum-scale=0/ 上面的参数看名知意，按需修改 。
IE浏览器显示的页面变小是因为设置了较小的显示百分比，解决的具体步骤如下：需要准备的材料分别是：电脑、IE浏览器 。首先打开需要设置的IE浏览器，进入到网页页面中 。
前面打开的IE浏览窗口，只留下这个链接页面拉动边框，将窗口拉到整个屏幕然后关闭该页面，以后打开IE窗口直接最大化了 。
html5网页按比例缩放HTML页面的缩放比例正常设置为0，表示不缩放 。但是，不同的设备可能会有不同的屏幕尺寸，所以在使用CSS或者meta标签来设置缩放比例时 ， 要考虑到不同设备的特性，这样才能让页面在不同设备上都能显示正确 。
每点击一次减号按钮，显示比例就缩小10%；若想把效果应用到所有界面，则勾选【缩放对所有界面生效】；方法二，在需要调节的页面，按住键盘的【Ctrl】键，同时按【-】对网页进行缩放操作 。
可以这样缩小网页：第一步打开网页后，点击【CTRL键】 。第二步CTRL+鼠标滚动键盘，缩小网页 。第三步当需要恢复默认时，点击上方的【重置】 。或者第一步在浏览器右上方工具栏中找到“查看”菜单 。
meta name=viewport content=width=device-width，initial-scale=0， user-scalable=no，minimum-scale=0，maximum-scale=0/ 上面的参数看名知意，按需修改 。
用户可以通过平移和缩放来看网页的不同部分 。
html图片按屏幕大小等比例缩放若浏览器允许可按Ctrl+鼠标滚轮滑动缩放，或用代码 。
【html5初始页面缩小显示，html网页缩小不变形】html5初始页面缩小显示的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html网页缩小不变形、html5初始页面缩小显示的信息别忘了在本站进行查找喔 。

    推荐阅读


    上一篇：角色扮演动物游戏教案，角色扮演小动物

    下一篇：MySQL怎么回去 mysql怎么回退数据