html布局在变焦时搞砸了

时间:2013-03-05 20:20:28

标签: html css

我目前正在为电子商务网站定制主题,它适用于所有浏览器。但是当放大(25%到90%)或缩小(仅在150%)时,页面右侧的类别列表似乎缩进了。我这很可能是CSS问题而我试图修复此问题在我自己,但没有好。

您可以在此处查看:http://www.autumnmeadow.com/jar-candles

无论您使用哪种浏览器,都应该可以在开发人员工具上看到代码。在IE9上似乎没有任何问题,但它在Chrome或FireFox上无法正常工作。

2 个答案:

答案 0 :(得分:0)

尝试以%表示宽度和高度,而不是以px表示。让我们说如果你想让它填满屏幕的一半,那就50%。

<div width="50%" height="100%"></div>

答案 1 :(得分:0)

您可以根据缩放级别始终使用css transform: scale(...)并向上/向下缩放尺寸,从而取消缩放级别。

用于检测缩放级别的Github项目here