Отзывчивый дизайн сайта больше не отзывчивый

0

Я работаю над преобразованием сайта в RWD (Not Rear wheel drive) и внезапно столкнулся с проблемой.

Как часть моего диагноза, я попытался отступить в моем файле css, так что единственное изменение в mobile.css - это цвет фона С# 000 до #FFFso, я могу видеть, когда изменение вступает в силу, но я не могу получить его переключатель стиль листов.

Здесь теги, которые у меня есть в моей голове

<head>

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

<link rel="canonical" href="http://www.your-adrenaline-fix.com/about.html">

<!-- no-rss -->

<title>About Me and How to Contact Me</title>

<meta name="Description" content="About Me and How to Reach Me with Questions, Comments or Suggestions.">

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="support-files/mobile.css"/>

<?php include 'z-end-of-head.php'; ?> //This houses the standard style sheet along with GA code etc

</head>

Здесь страница: http://www.your-adrenaline-fix.com/about.html

Если бы кто-нибудь мог поделиться со мной тем, почему сайт больше не переключается между таблицами стилей, я был бы очень благодарен, поскольку я пробовал перемещать теги вокруг и работы, но ничего не работает.

Теги:
responsive-design

1 ответ

0
Лучший ответ

переместите <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="support-files/mobile.css"/> перед </head> т.е. после того, как все PHP файлы добавляются PHP.

Поделиться
  • 0
    Привет @ Мауро, я только что попробовал это, но все еще без игры в кости.
  • 0
    Ах ха !! Теперь он работает на мобильном устройстве (в моей левой руке), но настольная версия в моей правой руке все еще не переключает таблицы стилей. Я попытаюсь очистить кеш браузера, и у меня есть несколько вопросов, которые я хотел бы задать, но я должен уйти временно.
Показать ещё 1 комментарий

Ещё вопросы

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