最小寬度和最大寬度的CSS媒體查詢

<link href="css/mobile-large.css" media="all and (min-width: 481px) and (max-width: 760px)" rel="stylesheet" type="text/css" />

不應該那樣的代碼行，以便在使用寬度爲720px的Samsung Galaxy Nexus時加載樣式表「mobile-large.css」？然而，它不是那麼理由，我該如何解決它？最小寬度和最大寬度的CSS媒體查詢

我用這太：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

2012-03-01 LuckyLuke

可能是你定義的，而不是簡單的寬度device-width。這樣寫：

<link href="css/mobile-large.css" media="all and (min-device-width: 481px) and (max-device-width: 760px)" rel="stylesheet" type="text/css" />

2012-03-01 09:53:45 sandeep

這有效，但爲什麼？當browswer窗口等於屏幕的大小不應該設備寬度和寬度工作平等？看到我更新的問題，我說我使用元標記視口 – LuckyLuke 2012-03-01 10:01:19

爲什麼iPhone 4和iPhone 3G具有相同的尺寸？他們得到相同的CSS，但iPhone 4的像素增加了一倍？ – LuckyLuke 2012-03-01 10:12:27

我想你也可以從查詢字符串中刪除「all」。

2012-03-01 09:57:47

回答