Что случилось с моим отзывчивым HTML кодом

Question

ссылки: http://www.kelvinhanssen.nl/projecten/marktmix_responsive/html/bedrijven_responsive.html

Я сделал свой первый отзывчивый сайт, и он не действует так, как я хочу. Когда я тестирую его в этом приложении: http://www.studiopress.com/responsive/ Мой сайт делает то, что он должен делать. Но когда вы показываете его на своем телефоне, похоже, что он был уменьшен Я не могу прикрепить изображения, потому что моя репутация недостаточно высока.

Любые предложения?

Answer 1

Добавить <meta name="viewport" content="width=device-width"> в ваш заголовок.

Это сделает так, чтобы телефон не «преувеличивал» свою фактическую ширину при рендеринге страницы, а именно, как они обычно получают веб-страницы, чтобы выглядеть достойно.

Answer 2

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

Просто добавьте это в свою часть своего сайта, и оно должно работать.

<meta name="viewport" content="width=device-width"> 

Дайте мне знать, если это сработает.