Экраны шириной 1024 пикселя и планшеты шириной 1024 пикселя конфликтуют. ⇐ Html

[Anonymous]

Я использую MediaQuery для создания адаптивного макета веб-сайта, как вы увидите ниже, все работает нормально, за исключением одной неприятной проблемы!

core.css применяется к site по умолчанию и является таблицей стилей для настольной версии. Но, как вы можете видеть по этой ссылке, когда ширина экрана составляет 1024 пикселей или меньше, он будет ссылаться на файл table-and-mobile.css, поэтому применяются стили планшета и телефона.

Проблема в том, что многие пользователи по-прежнему используют настольные компьютеры с экраном шириной 1024 пикселя, а ширина планшетов также составляет 1024 пикселя! Тот факт, что оба экрана имеют одинаковую ширину, противоречит всей системе, поскольку при посещении веб-сайта с рабочего стола с экраном шириной 1024 пикселя применяется версия для планшета.

Код: Выделить всё

@media screen and (max-device-width: 1024px)

Я попробовал все, что мог! но, кажется, не могу это исправить. Что бы вы порекомендовали? Вот действующий шаблон: www.loaistudio.com

Подробнее здесь: https://stackoverflow.com/questions/203 ... onflicting