例如，将页面的缩放比例固定在150%，可以在CSS样式表中添加以下代码cssbody transform scaletransformorigin top left这段代码会将页面的所有内容放大到150%，并确保页面从左上角开始缩放2 设置浏览器特定的属性 不同的浏览器可能会以不同的方式处理页面缩放，因此可以使用一些浏览器特定的；我有个方法，js我就不写了，说下思路 zoom 来设置页面的缩放，比如 bodyzoom08 就是以08的比例缩小页面，var h = 获得屏幕宽度 documentgetElementsByTagName#39body#39stylezoom=1920h我没有试过，你自己试试看。

“自适应网页设计”的核心，就是CSS3引入的Media Query模块它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则其次，除了布局和文本，”自适应网页设计”还必须实现图片的自动缩放有条件的话，最好还是根据不同大小的屏幕；代码lt！DOCTYPE html 懂点君 html， body position relativeheight 100% wrap width 200pxheight 200pxborder 1px solid #39fbackground urllogojpg norepeatbackgroundsize 100% 100% 效果；在网页设计中，为了适应不同屏幕分辨率，推荐使用百分比宽度进行布局通过设置元素的宽度为百分比，可以确保页面在各种设备上都能良好显示，因为这样可以让内容根据容器宽度自动缩放具体来说，可以使用CSS中的百分比单位，如width 50%，将元素宽度设置为父容器宽度的50%，这样在不同分辨率的屏幕上，元素；1避免此类问题我们可以在html页面的代码中，为html页面增加一个背景，背景的宽度设置为100%，高度设置为自动auto，系统就会自动保持页面的高宽比进行缩放2在html页面设置中，我们也可以直接设置保证页面的高宽比，从而避免页面内容的拉伸变形，但是无法让页面完全无变化3页面的缩放往往是浏览器的；viewport的属性需要设置为“width=devicewidth， initialscale=1”，这样的设置可以确保网页能够根据设备的屏幕大小进行缩放，使得浏览体验更加舒适这样设置后，网页将会根据设备的宽度自动调整布局，从而实现自适应的效果将上述标签加入到源代码中之后，记得保存文件然后，使用手机浏览这个网页，你将会看。

设置屏幕宽度为设备宽度，禁止用户手动调整缩放HTML代码 设置屏幕密度为高频，中频，低频自动缩放，禁止用户手动调整缩放HTML代码 注1 所有的缩放值都必须在001–10的范围之内2 minimumscalemaximumscale要么写值，要不留这两个 2 不使用绝对宽度 由于网页会根据屏幕宽度调整；平常上网中，有时会需要放大网页来看得更清楚，有时需要缩小网页来看得更多当然我们经常会无意中按错键，导致网页放大或者缩小那么这些该如何操作呢那么下面就让我带大家来学习学习下用滑鼠实现网页放大缩小 在选单栏中找到“检视”，点选“检视”在下拉选项中找到“网页缩放”，选择想要放大；这打开的是CSS源代码，当然是居左显示的，按Ctrl+鼠标滚轮可以缩放。

1首先，在网页代码的头部，加入一行viewport元标签viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩放比例initialscale=1为10，即网页初始大小占屏幕面积的100%所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器主要是；1用css来实现IE7以上浏览器的图片缩略效果divimg maxwidth50px maxheight50px *htmldivimgwidthexpressionthiswidth50thiswidththisheight？50auto heightexpresionthisheight50？50auto 说明 这段代码是把图片等比例缩小为50px * 50px，可以根据网。

body宽度和高度不要设置为绝对值，设置为100%就可以了；2代码说明*一个值这个值指定图片宽度，第二个值为auto* backgroundsizeauto backgroundsize50 backgroundsize3em backgroundsize12px *两个值第一个值指定图片的宽度，第二个值指定图片的高度* backgroundsize50%auto backgroundsize3em25 backgroundsizeauto6px back；然后你只需要对其他部分所处的层进行缩放处理，导航栏不动，这样就实现你的目的了比如这是顶部导航栏 这是其他主体部分 然后js代码就可以这样quotdivbodyquotcssquottransformquotquotscale08quot，quottransformoriginquotquot50% 0quot。