【问题标题】:Aspect ratio Media query for nexus 6纵横比 Nexus 6 的媒体查询
【发布时间】:2016-01-10 18:14:18
【问题描述】:

我试图找到媒体查询(nexus 6 的纵横比媒体查询)。但没有找到任何地方。如果有人可以在这件事上帮助我,请告诉我。

我还尝试使用此链接 (http://andrew.hedges.name/experiments/aspect_ratio/) 根据宽度/高度创建比例,但它不适合我。

提前致谢。

【问题讨论】:

    标签: css media-queries aspect-ratio nexus6


    【解决方案1】:

    有人在https://codereview.stackexchange.com/questions/74915/reducing-media-queries 提出半相关问题似乎使用过这个:

    /* Motorola Nexus 6 (portrait and landscape) */
    @media only screen and (min-device-width : 1440px) and
    (max-device-width : 2560px) and (-webkit-min-device-pixel-ratio : 3.5) {
    html {
        font-size: 200%;
        }
    }
    

    【讨论】:

    • 我必须根据设备纵横比而不是设备宽度或设备像素比找出 nexus 6 的媒体查询。如果您对此有任何建议,请建议我。谢谢。
    【解决方案2】:

    既然你想要纵横比,你只需像这样写它的尺寸: @media screen and (device-aspect-ratio: 435/773) { }

    【讨论】:

    • 感谢您的回答,但请先了解问题。我想要这样的“@media screen and (device-aspect-ratio: 9/16) { }”。
    • 好的,试试这个:@media screen and (device-aspect-ratio: 435/773) { } 为我工作
    • 好的,我不知道你的设备有什么宽度和高度,但是输入我为我的值所做的那样,它应该可以工作,因为如果你有 10/ 纵横比不会改变/ 20或者1/2,到最后还是一样的比例
    猜你喜欢
    • 1970-01-01
    • 2021-06-12
    • 2011-08-09
    • 2018-11-01
    • 2013-10-20
    • 1970-01-01
    • 2011-12-19
    • 1970-01-01
    • 2013-11-16
    相关资源
    最近更新 更多