2013-01-05 2 views
0

В настоящее время я пытаюсь внести некоторые изменения CSS в мобильную версию веб-сайта, используя тему Wordpress Responsive by ThemeID. Я подделал мой пользовательский агент к Samsung Android, но этот сайт по-прежнему отображается, как если бы он был рабочим столом. При просмотре на реальном мобильном устройстве тема меняется.Wordpress - Не могу обмануть UA для отзывчивой темы

Я уверен, что правильно навел мой UA, потому что Google, Youtube, Yahoo, MSN, Stack Overflow и т. Д. Все отвечают на мой мобильный браузер. У этой темы действительно нет мобильного вида или чего-то еще?

ответ

2

Формат темы контролируется запросами в формате CSS. Не нужно подделывать UA, просто измените размер окна вашего рабочего стола на более узкую ширину, чтобы вызвать мобильный вид.

+0

Я не знал, что медиа-запросы даже существовали. Изменение размера моего окна работало отлично. Спасибо. –

+0

В Chrome есть расширение «Изменение размера окна», которое позволяет легко перемещаться между мобильными (например, 320x480) и размерными окнами рабочего стола. –

+1

@PhilN. У Chrome есть еще одна встроенная функция для автоматизации этого процесса, нажмите шестерню в правом нижнем углу панели инспекции, и вы можете переопределить UA, показатели устройства и коэффициент масштабирования шрифта со вкладки «Переопределения». – PassKit

0

Тема действительно использует точки останова Media Queries, и они будут настраивать и адаптировать макет к любой * среде просмотра.

Адаптивные контрольные точки:

@media screen and (max-width: 980px) {} 
@media screen and (max-width: 650px) {} 
@media screen and (max-width: 480px) {} 
@media screen and (max-width: 320px) {} 
@media screen and (max-width: 240px) {} 

Спасибо, Эмиль Узелау

P.S. У нас есть специальный support forum, на всякий случай, если потребуется дополнительная помощь.

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