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

Question

[Ольга Жижка]

Всем добрый день! Уже не один раз поднималась эта тема, но у меня все равно трудности в решением этого вопроса. Дело в том, что необходимо сайт с фиксированной разметкой отобразить на мобильный в полный размер, т.е. так, чтобы он полностью поместился в экран любого устройства, и потом пользователь смог его увеличить.
С учетом советов, которые прочитала здесь, пишу в head :

<meta content='True' name='HandheldFriendly' />
	<meta name="viewport" content="width=device-width, minimum-scale=1.0"/>

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

И еще один вопрос , может кто сталкивался, как сделать при этом чтобы модальное окно на сайте не маштабировалось, а выпадало натуральной величины? Спасибо заранее за ответы!

Answer 1

[Александр]

Задайте content="width=ширина сайта" , уберите scale и в css добавьте:

@-ms-viewport { width: ширина сайта; }
    @-webkit-viewport { width: ширина сайта; }
    @-moz-viewport { width: ширина сайта; }
    @-o-viewport { width: ширина сайта; }
    @viewport { width: ширина сайта; }

Answer 2

[Дмитрий]

для фиксированной верстки необходимо так (ширину контента свою задаете)
<meta name="viewport" content='width=1200' />

Answer 3

[Ленар Фаттахов]

Уберите minimum-scale=1.0, должно сработать