網頁沒有響應

-2

我試圖優化手機頁面，但它沒有做任何事情。網頁沒有響應

我跟着一個教程，但我無法得到它的工作。我正在使用谷歌瀏覽器。

@media screen and (max-width:300px) and (orientation:portrait) { 

    header, body, footer: { 
     width: 300px; 
    } 

    .menu { 
     font-size: 20px; 
    } 

    footer { 
     font-size: 8px; 
    } 
}

我真的不明白什麼可以丟失。（感謝編輯）

來源

2015-11-07 Barreto Freekhealer

哦，是啊...那就是它！所以我只是記住一些事情，爲什麼在這裏提供一個錯誤，而不是在原來的，因爲我從我的樣式表複製到媒體..但任何方式謝謝！ –

我會推薦你使用414px，你會得到大多數手機，甚至Iphone 6 Plus –

你有一個冒號在你的CSS使瀏覽器停止在這一點上，而忽視了CSS規則footer後，因爲它是無效的有結腸那裏。

請注意您的媒體規則max-width，因爲您的意思可能是min-width。

來源

2015-11-07 18:22:23 Rob

我明白我想要的最大寬度的手機和最小寬度與平板電腦的最大寬度。謝謝 –

網頁沒有響應

回答

相關問題