CSS-запросы минимальной и максимальной ширины

Question

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

Разве эта строка кода не должна загружать таблицу стилей «mobile-large.css» при использовании Samsung Galaxy Nexus с шириной 720px?Однако это не так, в чем причина и как я могу это исправить?

Я тоже использую это:

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

Answer 1

Может быть, вам нужно определить 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" />

Answer 2

Я думаю, что вы также можете удалить "все и" из строки запроса.