Helga_Zhizhka
@Helga_Zhizhka
html верстальщик, front-end разработчик

Как сделать отображение фиксированого сайта на мобильных в полный размер?

Всем добрый день! Уже не один раз поднималась эта тема, но у меня все равно трудности в решением этого вопроса. Дело в том, что необходимо сайт с фиксированной разметкой отобразить на мобильный в полный размер, т.е. так, чтобы он полностью поместился в экран любого устройства, и потом пользователь смог его увеличить.
С учетом советов, которые прочитала здесь, пишу в head :
<meta content='True' name='HandheldFriendly' />
	<meta name="viewport" content="width=device-width, minimum-scale=1.0"/>


Проверяю в хроме на различных устройствах. сайт не подстраивается под ширину устройства.
Кто может, подскажите, как можно исправить тэг мета, чтобы все масштабировалось (шрифты, картинки, весь сайт). Спасибо.

И еще один вопрос , может кто сталкивался, как сделать при этом чтобы модальное окно на сайте не маштабировалось, а выпадало натуральной величины? Спасибо заранее за ответы!
  • Вопрос задан
  • 4437 просмотров
Решения вопроса 1
@pchelovek
HTML-верстальщик
Задайте content="width=ширина сайта" , уберите scale и в css добавьте:
@-ms-viewport { width: ширина сайта; }
    @-webkit-viewport { width: ширина сайта; }
    @-moz-viewport { width: ширина сайта; }
    @-o-viewport { width: ширина сайта; }
    @viewport { width: ширина сайта; }
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@soledar10
html css3 js jquery
для фиксированной верстки необходимо так (ширину контента свою задаете)
<meta name="viewport" content='width=1200' />
Ответ написан
Комментировать
fr_end
@fr_end
Frontend разработчик
Уберите minimum-scale=1.0, должно сработать
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы