Ошибка метатега "width = device-width" для страниц, добавленных в закладки - PullRequest
0 голосов
/ 18 марта 2012

Мой веб-сайт http://www.janewaltonwatercolours.co.uk в целом работает нормально, за исключением одной небольшой и раздражающей проблемы. Когда я добавляю сайт в закладки на своем мобильном телефоне, а затем возвращаюсь к закладке, он не распознает правильная ширина устройства (несмотря на метатег с кодом 'width = device-width') и непреднамеренная загрузка неверной таблицы стилей. (он загружает desktop.css вместо mobile.css - у меня есть скрипт, который должен определить правильную таблицу стилей с помощью свойства screen.width)

Странно, если вы обновите экран сразу, он перезагрузит страницу с правильной таблицей стилей ?! Поэтому я подумал, что это может быть проблема с кешем, поскольку по какой-то причине некорректная страница html / css загружается из памяти, но я попытался поиграться с файлом .htaccess безуспешно.

С тех пор я заметил, что некоторые ссылки на страницы также загружаются некорректно, поэтому не просто страницы с закладками, которые не работают.

Есть идеи? Это проблема с метатегом? Любая помощь с благодарностью!

Mike

1 Ответ

0 голосов
/ 21 марта 2012

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

Поэтому я обернул свою функцию в функцию setTimeout- setTimeout ('getDeviceWidth', 100);это задерживает функцию на 100 мс, гарантируя, что код метатега 'width = device-width' завершен

...