jquery缩放整体页面（jquery 缩略图）

本文目录一览：

• 1、jQuery的zoom插件如何设置
• 2、如何使用jquery解决IE不能正常显示大图片?
• 3、怎么用jQuery/HTML/Div+CSS按浏览器屏幕大小自适应布局?

jQuery的zoom插件如何设置

1、第一种方法：利用CSS提供的样式，一共是8种属性吧，在这里不做详细介绍，网上很多这方面的资料。第二种方法：自己写一个新的滚动条，即不用div自带的滚动条。这样想要什么样的效果就有什么样的效果。

2、个人认为，该滚动条是设置在body或html上时会出现这种情况，如果在html内部，存在小范围的滚动条就没有这种情况了。所以，解决在ie8（及以下浏览器）中出现的这种问题，就是隐藏存在于body或html上的滚动条，在body下新增一个div标签，将滚动条添加在该div标签上。

3、首先说放大缩小字体，直接用js调整字体大小就可以了。要实现刷新后依然显示之前缩放的大小，那就需要让浏览器记住之前的设置，把字体大小存到cookies中，打开网页再从cookies读取。

4、需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

如何使用jquery解决IE不能正常显示大图片?

1、要加判断解决 例如：if（ browser==Microsoft Internet Explorer && trim_Version== MSIE0 || trim_Version== MSIE0） { } 。。

2、JQuery boxy插件很好用，但也会出现一些问题，比如弹出框的边角在IE中不能显示。本博文将来解决这个问题。将boxy插件引用到项目中后会有一个boxy.css文件和jquery.boxy.js文件。

3、方法1：你可以提示用户按键盘的F11来全屏观看，获得最佳浏览效果。方法2：function fullscreen（）{ //在ie下可行 var wsh = new ActiveXObject（WScript.Shell）； wsh.sendKeys（{F11}）； }fullscreen（）；但这种方法会提示用户，网页用到activeX空间，可能不安全。

4、通过搜索，我们可以从网上找到实现此功能的jQuery代码如下。这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。原始代码：在我的js代码中，也采取了这种写法。

5、如果是你要操作的这个元素用到了，ie6背景透明插件的话，特殊问题特殊回答了。你这个代码写的没问题。你再看看，那个元素的兄弟元素是哪些，你是不是弄错了兄弟元素。

6、jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

怎么用jQuery/HTML/Div+CSS按浏览器屏幕大小自适应布局?

首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。

用css hack，这个可以你根据自己的css代码，哪里在不同浏览器里有差异就去网上查哪里。用jQuery或者JS来获取当前浏览器的信息，根据不同浏览器用不同的css代码，而通常，差异会很小，所以工作量没有想象中的大。有问题，再追问。

首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为0，即网页初始大小占屏幕面积的100%。