我需要一個媒體查詢所有智能手機和所有平板電腦

我有一個與CSS的問題。我想要一個媒體查詢所有智能手機和一個所有平板電腦，並且比這更大的應該像桌面版本。我需要一個媒體查詢所有智能手機和所有平板電腦

https://viid.su/emulate/

我有媒體詢問幾個版本，但他們沒有對所有智能手機的工作只爲幾個人。

如果有人能幫助我:(請寫一個解決方案

來源

2017-03-01 Leeroy Jenkins

你的意思是像加載不同的CSS文件，各種設備（'媒體query'）？不會有條件的樣式會更好嗎？ –

不只是一個媒體查詢所有智能手機，所以它看起來在所有的智能手機相同 –

嗯「相同」 - 如果你希望它看起來相同（無論規模），那麼你應該考慮設置一個靜態視口寬度元。 - 在大型手機上，它會很大，在小型手機上很小。 - 但是，嘿，它看起來也一樣，比例也一樣。（我的意思是，也許你真的想去那個 - 我不知道） –

嘗試那些：

@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ } 
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ } 
@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ } 
@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ } 
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ } 
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

您可能還需要檢查是否有不同的設備在這裏查詢：https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

這裏是類似的問題，你可能會發現更多的答案：Media Queries: How to target desktop, tablet and mobile?

來源

2017-03-01 14:21:36 Plenarto

-1

嘗試使用

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

}

和

<meta name="viewport" content="width=device-width, initial-scale=1">

來源

2017-03-01 14:24:07 grinmax

我需要一個媒體查詢所有智能手機和所有平板電腦

回答

相關問題