媒體查詢工作在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，但鉻拿起錯的分辨率/查詢

回答

相關問題