媒体查询工作在Firefox，但铬拿起错的分辨率/查询

老实说生病这些查询的，因为他们似乎从来没有对我的工作了。我用火狐，而编码的网站，但后来意识到我从来没有检查铬，看看它是如何运作有这么决定一探究竟及其拿起了错误的RES（火狐拿起正确的分辨率和查询，但铬错拿起）。媒体查询工作在Firefox，但铬拿起错的分辨率/查询

我的电脑资源：1280 * 768 - 景观。

我的媒体查询，关于Firefox的作品（应在Chrome浏览器吗？）：

/*! Desktop 768 - 1280 x 768 */ 

@media only screen 
    and (max-height: 768px) 
    and (max-width: 1280px) 
    and (orientation: landscape) 
{ 
    #cover-art 
    { 
    height:330px; 
    width:330px 
    } 

    #time-knob .btn, #volume-knob .btn 
    { 
    width: 100px; 
    } 
}

查询铬拿起被（我做了我的iMac 24）：

/*! Imac 24*/ 

@media only screen 
    and (min-device-width: 1200px) 
    and (max-device-width: 1920px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1) 
{ 
    .knobs 
    { 
     margin-top:20%; 
    } 

    .btn-group, .btn-group-vertical 
    { 
     padding-top: 15px; 
    } 

    #time-knob .btn, #volume-knob .btn 
    { 
     width: 100px; 
    } 

    .mainplayback 
    { 
     margin-top:20%; 
    } 

    .swiper-button-next, .swiper-button-prev 
    { 
     top: 65%; 
    } 

    #home-blocks 
    { 
     margin-top:4%; 
    } 

    .empty-block, .home-block 
    { 
     padding: 70px 30px; 
    } 

    .empty-block i, .home-block i 
    { 
     width: 70px; 
     height: 50px; 
     font-size: 70px; 
    } 

    .empty-block h3, .home-block h3 
    { 
     font-size: 34px; 
    } 

    body 
    { 
     font-size:19px; 
    } 

    #cover-art 
    { 
     height:500px; 
     width:500px 
    } 
}

来源

2016-11-09 irishwill200

还没有测试，但我编辑了imac查询去与高度和宽度：

@media only screen 
    and (min-device-height: 1200px) 
    and (max-device-width: 1920px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1) 
{

现在让我阅读我正确的查询！现在我需要测试Imac是否可以读取其查询，但应该可以正常工作;）

来源

2016-11-09 11:21:55 irishwill200

媒体查询工作在Firefox，但铬拿起错的分辨率/查询

回答

相关问题