Вопросы Теги

Таблицы стилей для экрана и мобильных устройств

Я просмотрел темы переполнения стека по этому вопросу, а также некоторые результаты поиска в Google, но, похоже, не могу решить свою проблему .

Я создал таблицу стилей для мобильных устройств (mobile.css), которая по сути является копией моего main.css с изменениями многих атрибутов. Когда я загружаю только mobile.css в качестве таблицы стилей, он отлично смотрится на моем iPhone, именно так, как я хочу. Однако, когда я вставляю оба, я получаю сочетание обоих, но больше main.css

Есть идеи, почему? 

<head>
<link rel="stylesheet" href="styles/main.css" type="text/css" media="screen" />
<link rel='stylesheet' media='screen and (max-device-width: 480px)' href='styles/mobile.css' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
19
задан Blender 20 September 2011 в 04:14
поделиться