js设置整个网页的缩小，js设置浏览器缩放比例

js获取分辨率和缩放页面的方法

1、：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

2、下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？你最好说明你想要的效果。

3、一般是根据不同分辨率来调用输出不同的css 来达到自适应。除非您的页面复杂得无法通过css 重写来达到，只有靠新页面来实现就用跳转。但是现在的网站都是通过输出css来做的了 像京东 tmall都是。

4、html，body{width：100%；height：100%；margin：auto 0px；padding：auto 0px；text-align：center；}.imgBox， .imgBox img{width：100%；height：100%；}如上代码可以实现，把图片换一下就OK了，希望可以帮到你。

相关问答

Q1: 判断显示器分辨率,并实现网页缩放,类似于浏览器缩小比例的js代码

1、你可以让顶部导航栏和其他部分分处不同的层，然后你只需要对其他部分所处的层进行缩放处理，导航栏不动，这样就实现你的目的了。

2、方法一：所有布局用百分比布局，这种方法是比较传统的。

3、图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{ width：100%； max-width：100%；}。

4、查看原帖：&gt 如何缩小网页整体界面？键盘左下角Ctrl+鼠标滚轮（往下滑），缩小至你能接受的大小 或者 在桌面空白处任一位置鼠标右键，选择属性。

Q2: 不用JQuery只用js怎么实现网页的缩小元素功能

通过循环把这些div的position设为absolute，然后再通过left、top、width、height就能改变它们的位置和大小了。当要恢复原状时，再通过循环把它们的position设为static，然后把width和height设为100%就立刻恢复了。

你可以让顶部导航栏和其他部分分处不同的层，然后你只需要对其他部分所处的层进行缩放处理，导航栏不动，这样就实现你的目的了。

媒体查询 CSS媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。

Q3: JS里如何做一个网页,放大缩小不会改变排版?

1、放大缩小不改变排版，这一般是指前端的响应式技术。当然，响应式技术也有一定的界限范围的。如果将电脑端的网页，缩小放到手机端也不改变排版，这样出来的效果会很差。

2、PC端添加以下meta内容即可： ... Mobile端添加以下meta内容即可： ... 说明： target-densitydpi=device-dpi，指定屏幕像素密度DPI，device-dpi 为设备原本的DPI值，不会有任何缩放。

3、自己仔细研究一下。http：//3g.bjnaotan99com/ 你把这个网站csscss和phonecommon.js用上，自然就会了。原则1：html { font-size： 65%； } 这个必须写 原则2：css底下一长串的自适应判断。只要造抄就行。

4、网页设计在加过js之后排版全乱了通过修改DW属性参数。

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

6、通过循环把这些div的position设为absolute，然后再通过left、top、width、height就能改变它们的位置和大小了。当要恢复原状时，再通过循环把它们的position设为static，然后把width和height设为100%就立刻恢复了。

Q4: 怎么把网页缩小到低于50的页面?

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

2、进入浏览器。在浏览器右上方工具栏中找到“查看”菜单。进入“查看”菜单，找到“页面缩放”选项。设置缩放比例（小于100%是缩小，大于100%是放大）。方法2 点击进入浏览器。在浏览器下方找到缩放选项。

3、如何缩小页面 方法一：可以用手指按住电脑键盘的CTRL键，然后滚动鼠标中间的滑轮，就可以进行页面的缩放了。方法二：同样是按住CTRL键，同时需要用右手手指按键盘右上角的加号或者减号键进行缩放。如图所示。

4、问题一：怎么网页缩小了，怎么还原 你好，朋友你说的是页面的文字内容变小了是吗？如果是这种情况可以按如下方法解决，而且方法有多种。

5、CTRL + *号，把缩放比例恢复默认值，即100%。这个很实用，你懂的，有个别浏览器是这个“/”键。如：2345浏览器。CTRL + -，缩小比例，每按一次缩小25%，最小到10%。

Q5: javascript能不能实现整个网页根据浏览器高度宽度自动缩放?

你可以让顶部导航栏和其他部分分处不同的层，然后你只需要对其他部分所处的层进行缩放处理，导航栏不动，这样就实现你的目的了。

CSS媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。

所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器（主要是IE8），需要使用css3-mediaqueries.js。

图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{ width：100%； max-width：100%；}。

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

js设置整个网页的缩小的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js设置浏览器缩放比例、js设置整个网页的缩小的信息别忘了在本站进行查找喔。