Css媒體查詢，寬度小於1024px的目標網頁瀏覽器和縱向排列的iPad

Question

我正在創建一個響應式網站，並且我想讓網站對製作寬度小於1024px的瀏覽器做出反應，並將這些樣式用於縱向的iPad。

但是，如果我申請樣式的媒體查詢時，瀏覽器是小於1024像素這樣

@media only screen and (max-width : 1024px) { /* styles */ } 

它們影響了iPad的風景，我不想 - 我怎樣才能排除景觀iPad，但包括肖像iPad？

Answer 1

試試這個：

@media only screen and (max-width : 768px) { /* styles */ } 

iPad的縱向寬度爲768px。