2015-05-01 1 views
0

У меня проблемы с просмотром на моем веб-сайте. Когда я посещаю эту страницуИсходный вид веб-сайта Неисправность

This Link Он видит, как это: enter image description here

Я хочу просмотреть страницы, как это:

enter image description here

Как я могу исправить эту проблему?

Мой CSS файл здесь: style.css

Я не использую коды экранных средств массовой информации.

+0

Вам нужен [meta viewport tag (ссылка)] (https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag) – Turnip

+0

@ uʍopǝpısdn Я использую это:

ответ

0

попробуйте добавить ниже вашего раздела

<meta name="viewport" content="width=device-width, initial-scale=1"> 
+0

Я также использую это. –

+0

Мой код:

0

головы страницы Попробуйте #wrapper { width: 100%; } вместо #wrapper { width: 760px; }. Я вижу непосредственные результаты, которые делают одно изменение в Firebug.

+0

Я не могу использовать это. Это разрушает представление на рабочем столе. –

+0

Тогда вы можете добавить max-width к нему 760px. – Brian

0

Я нашел эти коды on this page

var myViewport = document.querySelector("meta[name=viewport]"); 

    if ($(window).width() < 800) { 
     myViewport.setAttribute("content", "width=800; user-scalable = yes"); 
    } else { 
     myViewport.setAttribute("content", "width=device-width; initial-scale = 1.0"); 
    } 

В настоящее время она работает отлично.

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