2015-04-17 8 views
1

Эта проблема связана с сайтом www.oikotrust.gr.Firefox не подбирает CSS

У меня есть два видовых экрана с шириной до 900 пикселей, поэтому каждый раз загружается другой CSS.

Он хорошо работает в Chrome ... Он хорошо работает в Firefox ниже 900 пикселей. Но это не Работает в Firefox более 900 пикселей (т. Е. CSS не загружен).

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> 
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 901px)" href="css/style.css"> 
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 900px)" href="css/mobile-device.css"> 
+0

Веб-сайт выглядит так же, как в FF и Chrome, и показывает большую иконку на более широком экране в обоих браузерах. Вы очистили свой кеш? –

+0

да у меня есть. Являются ли ссылки в меню левой стороны подчеркнутыми в обоих браузерах? (если да, то это означает, что css не поднят) –

+0

Хм, нет, поэтому он не выглядит одинаковым в обоих браузерах. Ссылки синие и подчеркнуты в FF, но черные и не подчеркнуты в Chrome. Остальная часть макета имеет те же отличия (большой размер шрифта, меню гамбургеров на более узких экранах и т. Д.), –

ответ

14

У вас есть некоторые ошибки в коде CSS, которые необходимо исправить. Сайт https://jigsaw.w3.org/css-validator/ подходит для проверки кода. Просто введите адрес своего веб-сайта в адресной строке.

Когда вы вводите свой адрес, он дает вам четыре ошибки. Вы заметите, что первая ошибка ссылается на строку 33, но на самом деле она жалуется на двойную кавычку, которую она обнаружила в строке 32. Эта двойная цитата может отбросить весь остальной код.

Смежные вопросы