html页面缩放候布局变化问题

html-css021

html页面缩放候布局变化问题,第1张

建议楼主采用em布局

设置一个基准字大小

例如body{font-size:14px}

由于字体大小是可继承元素

1em就代表一个字体大小,而所有浏览器对字体缩放都是成比例的,用px肯定会出现错开的情况,但是用em布局,IE系可以精确到小数点后两位,火狐谷歌可以精确到后四位,基本能保证缩放的精度

平铺一般是百分比布局

例如你的元素是960px宽

<div sytle="width:960pxmargin:0 auto">

<div style="width:100%background:#ccc">

......

</div>

</div>

body {

zoom: 3

-moz-transform: scale(3)

-moz-transform-origin: 0 0

}

把整个body放大三倍,缩小同理,改成比1小的数字即可

1、在【开始】→【运行】中输入: regedit→确定(或按回车键)之后,打开注册表编辑器。

2、依次打开:HKEY_CLASSES_ROOT→往下找.htm项(注意前面有英文状态的句号)。

3、HKEY_CLASSES_ROOT\.htm,这里的默认值是被修改的值。

4、应该将默认的数值数据修改成:htmlfile 再按确定。

5、继续找到:htmlfile\ShellEx\IconHandler路径,确保右边窗口的默认中的数值数据为: {42042206-2D85-11D3-8CFF-005004838597} 。

6、打开Internet 属性→程序→设为默认浏览器→确定即可。