html5页面缩小 html5网页整体缩放

html5网页按比例缩放

HTML页面的缩放比例正常设置为0，表示不缩放。但是，不同的设备可能会有不同的屏幕尺寸，所以在使用CSS或者meta标签来设置缩放比例时，要考虑到不同设备的特性，这样才能让页面在不同设备上都能显示正确。

打开360安全浏览器。在360安全浏览器菜单栏点击【查看】——【网页缩放】，鼠标移动至“网页缩放”选项后，自动弹出的显示列表里选择页面缩放比例。如图所示。

按住CTRL不放再按“-”减号键的话，就缩小，反之按“+”加号键是放大。这种方法的缺点是要靠肉眼确认是恢复为默认的正常值。

可以这样缩小网页：第一步打开网页后，点击【CTRL键】。第二步CTRL+鼠标滚动键盘，缩小网页。第三步当需要恢复默认时，点击上方的【重置】。或者第一步在浏览器右上方工具栏中找到“查看”菜单。

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

首先打开浏览器，以搜狗浏览器为例，其他浏览器的操作也是类似的。如图所示：进入以后找到右上角的查看，然后点击查看。如下图所示：找到网页缩放以后，点击网页缩放。

相关问答

Q1: 什么是UI缩放

魔兽世界游戏选项-高级选项-里面有个ui缩放，可以调整画面整体，缩小或者放大，整体包括头像、选项框 、人物模型、动作条只要画面上能看到的都可以调整。ui全称是user interface，也就是用户界面。

UI缩放就是把你的操作界面缩小或放大(相对于屏幕～）UI就是USER INTERFACE，就是你平时游戏可视操作界面。

按住“Ctrl”键，同时按“+”号键，即可放大界面；同理，配合“-”减号，可以缩小界面。当然，也可以自由设置快捷按键。方法二：最便捷的方法，是设置滚轮通过鼠标的滚轮控制放大或者缩小。

缩放：调整视角缩放，小键盘＋－可调，正常都是100%。UI比例：调整UI的大小适应不同屏幕大小。Map Scale：地图尺寸，调整右上角小地图大小。UI 缩放可以设定为最低50%，最高200%。

不大。ui是一款电脑的制图软件，该软件的缩放是软件内部的功能，所以对电脑显卡影响是很小的，并不大。显卡又称显示卡(Videocard)，是计算机中一个重要的组成部分。

Q2: 用html5做的登陆界面,使用键盘之后改变屏幕大小

1、用JS调制屏幕大小。CSS 方面：去掉所有元素的外间距、内边距，html 和 body 宽高设为 100%，canvas 元素 display 设为 block。JS 方面：监听窗口的 resize 事件，在窗口大小改变的同时调整 canvas 的大小。

2、首先你要在html页面头部加上下面的代码，其次你要把页面中的宽度修改为百分比，不能不用固定尺寸，一些小的模块可以用固定尺寸。再就是css中要应用到媒体查询，也就是@media，不懂可以百度。

3、scrollIntoView(alignWithTop)： 滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。alignWithTop 若为 true，或者什么都不传，那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐。

4、这里以windows7系统为例，首先在电脑桌面的空白地方使用鼠标右击，然后在弹出来的操作界面中选择【屏幕分辨率】。接下来在此操作页面中点击【分辨率】右边的下拉箭头，然后选择你需要的分辨率大小。

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

前面打开的IE浏览窗口，只留下这个链接页面拉动边框，将窗口拉到整个屏幕然后关闭该页面，以后打开IE窗口直接最大化了。

IE浏览器显示的页面变小是因为设置了较小的显示百分比，解决的具体步骤如下：需要准备的材料分别是：电脑、IE浏览器。首先打开需要设置的IE浏览器，进入到网页页面中。

先关闭所有的IE浏览器窗口，然后鼠标右键点击IE的图标，选择“属性”，点击快捷方式标签，在出现的页面的 “运行方式”中 选择“最大化”，再按确定 就可以了。

工具/原料浏览器此处以IE9为例说明 步骤/方法如下，浏览器窗口内容被缩放了，而IE的标签栏和状态栏却没有变。

从此，您打开IE浏览器窗口，就直接能看到最大化的页面了。 方法三：如果上述方法不灵，那可得修改计算机的注册表了。

您的浏览器目前处于缩小状态，会导致空间显示不正常，您可以键盘按“ctrl+数字0”组合键恢复初始状态。

Q4: html5如何做到页面大小跟浏览器大小一样自动缩放?

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

2、预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

3、想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：metaname=viewportcontent=width=device-width，initial-scale=0/。

4、浏览器右下角有缩放功能，你可以根据自己的需要更改百分比。Ctrl+上下滚轮也可更改缩放百分比。

5、换浏览器是不能解决问题的！最外层的DIV设成多少没关系，我个人建议你把里面的DIV或TABLE的宽度和高度都设成是百分比的。

6、方法一：按住ctrl键然后在滑动鼠标，向下滑是缩小，向上滑是放大。方法二：点击浏览器的“页面缩放”，在移动到相应的比例就好。方法三：浏览器现在设置里都有一个选项是适应屏幕。点击适应屏幕即可自动适应当前页面大小。

Q5: 怎样让网页根据浏览器大小而缩放

打开浏览器的功能菜单，里面一般都会有缩放网页的设置。这个菜单键哥哥浏览器都是不一样的，一般是横着或者竖着的三个点，或者就是一个齿轮状的设置按钮的样子。

在电脑上打开谷歌浏览器，然后点按浏览器界面右上角的“三点”图标。然后，在出现的下拉菜单中，单击“设置”选项。然后，在出现的设置界面中，在搜索字段中输入“页面缩放”。

想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：。图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{ width：100%； max-width：100%；}。

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