【问题标题】:Aspect ratio media queries for any browser任何浏览器的纵横比媒体查询
【发布时间】:2013-10-20 20:01:30
【问题描述】:

当浏览器宽度创建小于 4:3 的纵横比时,我一直在研究媒体查询以将背景大小从“包含”调整为“覆盖”。

效果是提供一个不再完整显示的背景图像,但至少会填满屏幕以获得专业外观。

有一个选择器'device-aspect-ratio',但这不是很好的支持。

是否有某种解决方法可以避免为各种设备屏幕尺寸提供声明?

【问题讨论】:

    标签: css media-queries aspect-ratio


    【解决方案1】:

    没有解决方法。如果您可以选择切换类,则可以求助于 javascript 解决方案。

    【讨论】:

    • 干杯哥们。即使答案是否定的,也值得一问。我正在查看 jQuery Roundabout 作为显示下一张和上一张图像的效果,两边都非常适合 4:3 宽高比的图像。
    猜你喜欢
    • 1970-01-01
    • 2016-01-10
    • 2021-06-12
    • 2011-08-09
    • 2018-11-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-19
    • 2023-04-02
    相关资源
    最近更新 更多