Отзывчивый CSS не работает должным образом

0

У меня есть 3 разных таблицы стилей, один для ПК, один для смартфонов, таких как iPhone5S, Samsung Galaxy S4... и еще один для небольших смартфонов, таких как мой Samsung Galaxy mini.

Вот как я писал свои ссылки в моем html файле:

  <link media="handheld, only screen and (max-width: 300px), only screen and (max-device-width: 300px)" href="StylesheeetSmallSphone.css" type="text/css" rel="stylesheet" />
  <link media="handheld, only screen and (min-width:301px) and (max-width: 480px), only screen and (min-device-width:301px) and (max-device-width: 480px)" href="StylesheetLargeSPhone.css" type="text/css" rel="stylesheet" />
  <link media="Screen" rel="stylesheet" type="text/css" href="StylesheetPC.css" />

На каждом устройстве применяемый css является последним. Что мне нужно изменить, чтобы каждое устройство отображало свой собственный css?

  • 0
    Вы добавили мета-тег viewport в раздел заголовка html? developer.mozilla.org/en-US/docs/Mozilla/Mobile/...
  • 0
    Нет ... но не означает ли это, что мне нужно указывать конкретную страницу для конкретного устройства? Я пытаюсь запустить один и тот же сайт на разных устройствах, просто используя разные классы CSS.
Показать ещё 1 комментарий
Теги:

2 ответа

0

Вы имеете в виду ИСКЛЮЧИТЕЛЬНО последний или ТАКЖЕ последний?

Поделиться
0

Попробуй..

<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="small-device.css" />
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню