【问题标题】:resizing web page on internet explorer using zoom css property使用缩放 CSS 属性在 Internet Explorer 上调整网页大小
【发布时间】:2011-12-15 05:03:39
【问题描述】:

我正在尝试缩放我在 1680 x 1050 显示器上制作的网页以适应 800 x 600 显示器。我将样式/css 设置为“缩放:.7”,除了出现滚动条外效果很好。当我使用 Internet Explorer 开发人员工具时,我正在检查所有元素,并且没有任何元素导致页面溢出。但是,当我检查时,整个窗口周围都有一个蓝色边框。我什至尝试设置宽度,但它不起作用。

有什么建议吗?

【问题讨论】:

  • 您是否尝试过制作流畅的布局而不是依赖绝对像素值?一个编写良好的布局应该能够自然地缩放,而无需使用整页调整大小的技巧。毕竟,较低的分辨率通常与较小的屏幕配对,因此缩小字体只会让您走这么远。
  • 如果我必须依赖绝对像素值,还有其他解决方案吗?
  • 大多数现代浏览器都支持媒体查询:google.com/search?q=css+media+queries

标签: css zooming resize


【解决方案1】:

摆脱滚动条的简单解决方案是应用

overflow: hidden;

到具有zoom 属性的元素。由于您不知道哪个元素溢出,也许您必须尝试其他元素,例如包装器,以查看其中一个是否“有效”。
如果这不起作用:我对你描述的蓝色边框很感兴趣。事情不会自己变蓝......所以如果overflow 不这样做,也许你可以发布一些代码。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-07-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-13
    • 2013-12-28
    • 2012-07-31
    相关资源
    最近更新 更多