www.sghz.net > html缩放页面比例如何实现

html缩放页面比例如何实现

使用css实现:IE下可以使用body{zoom:1.2;}实现,其他高级浏览器可以使用body{transform: scale(1.2);}实现.

一般缩小是说的宽度,毕竟用户的浏览器和分辨率大小不一样.最外层一个div然后再套一个div,然后里面放正文.外层div的css设置width并用%表示,然后设置text-align居中(兼容ie),内层div的css设置margin为"0 auto"(一体的,无引号)并设置文字对齐text-align为left.其实说了这么多还不如放代码,可是手机打,估计打出来格式也不太好看.你可以网上搜一下,一堆一堆的css方案.如果你是说整体的,又包括里面的文字,那你好好设计一下%吧,估计很容易碎而且不常用.我没试过.

你好 你是想页面随着浏览器的宽度改变而自适应那么宽的不能写固定的px了 而要写百分比 比如 原来 width:980px; 现在 width:100% 这样才能自适应 希望能帮到你 谢谢

一般缩小是说的宽度,毕竟用户的浏览器和分辨率大小不一样. 最外层一个div然后再套一个div,然后里面放正文. 外层div的css设置width并用%表示,然后设置text-align居中(兼容ie),内层div的css设置margin为"0 auto"(一体的,无引号)并设置文字对齐text-align为left. 其实说了这么多还不如放代码,可是手机打,估计打出来格式也不太好看.你可以网上搜一下,一堆一堆的css方案. 如果你是说整体的,又包括里面的文字,那你好好设计一下%吧,估计很容易碎而且不常用.我没试过.

用% 不用xp

使用css样式:或transform: scale(1.5);

html图片按屏幕大小等比例缩放若浏览器允许可按Ctrl+鼠标62616964757a686964616fe78988e69d8331333363396464滚轮滑动缩放,或用代码.具体方法如下:1. Ctrl+鼠标滚轮滑动缩放2. css代码与htlm代码3. CSS 代码如下:#background

只是缩小吗?不会再放大?那你就用直接用CSS吧所有文字,图片,宽度高度,位置,重新调整一下不就OK了 如果要可以放大又可以缩小的 就做两套CSS文件,和图片文件夹 JS判断,放大就引用 放大的css文件和图片文件 缩小就引用 缩放小的CSS文件和图片文件

需要准备的材料分别有:电脑、浏览器、html编辑器.1、首先,打开html编辑器,新建html文件,例如:index.html.2、在index.html中的<style>标签中,输入css代码:div {width: 72px;height: 72px;background: url(small3.png) no-repeat;overflow: hidden;}3、浏览器运行index.html页面,此时成功将矩形图片只显示了正方形部分.4、点击小图后,成功显示了大图.

$(window).scroll(function () {if ($(window).scrollTop() == $(document).height() - $(window).height()) {alert('bottom!!');}});

网站地图

All rights reserved Powered by www.sghz.net

copyright ©right 2010-2021。
www.sghz.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com