-2
Нижеприведенная веб-страница должна корректно работать на экранах настольных компьютеров в Chrome, Firefox, IE и Opera. Это не работает на моем смартфоне. Я попытался как прикрепить таблицу стилей переносного носителя, так и использовать правила @media в таблице стилей экрана, чтобы решить проблемы. Мой смартфон по-прежнему, как представляется, отображает таблицу стилей экрана. Что я делаю не так? Большое спасибо.Реализация правил карманных носителей в таблице стилей
http://nosgoth.net/NR-Test/ff_scroll-test9.html
Можете ли вы попробовать положить все свои рукописные стили в таблицу стилей экрана в правиле '@ media', например:' @media screen и (max-width: 768px) {/ * ваши стили здесь ... * /} '? –
Когда я посетил сайт, я не видел никаких правил @media. Я, возможно, пропустил его, но если бы я был вами, я бы использовал инструменты разработчика в вашем браузере, чтобы узнать, применяется ли ваш мобильный CSS, но все же переопределяется вашим настольным CSS. Если это так, возможно, что ваши селекторы класса/идентификатора в вашем мобильном CSS достаточно специфичны. – Chipowski
Какой телефон? Кроме того, ваша первая таблица стилей используется любым устройством, поэтому, возможно, в ней используются стили вместо вашей мобильной версии. Я сомневаюсь, что использование '@media handheld' будет работать. Вероятно, вы хотите использовать экраны. – putvande