縱向至橫向寬度超過移動

Question

我正在開發一個負責任的網站，但我只能在肖像看清楚轉向景觀，當所有的元素超越

screens

我的媒體查詢到的手機是：

@media only screen and (max-width : 640px) { 

.. content mobile 

} 

Answer 1

@media (max-width:640px) 

與要應用這些樣式爲640px一個最大寬度的窗口。

@media screen and (max-width:640px) 

具有屏幕和最大寬度爲640px的窗口的設備應用樣式。除了您正在指定屏幕外，這與上述內容幾乎完全相同，最常見的是正在打印的屏幕。

@media only screen and (max-width:640px) 

「只有」關鍵字，也可以用來隱藏從舊的用戶代理樣式表。用戶代理必須處理以'only'開頭的媒體查詢，就好像'only'關鍵字不存在一樣。

至於有沒有這樣的媒體類型爲「有限」，樣式表應該由舊的瀏覽器忽略。

希望這有助於對媒體查詢。