2015-10-28 5 views
1

У меня есть приложение, которое я создаю с помощью JS, PHP и HTML. Пользователь вводит почтовый индекс, тогда есть вызов AJAX для PHP, который запрашивает базу данных и возвращает список компаний на протяжении многих миль от этого почтового индекса. Затем содержимое страницы будет изменено, чтобы перечислить эти компании.Javascript для увеличения размера

Проблема, с которой я сталкиваюсь, заключается в том, что когда я нажимаю на ввод ввода своего почтового индекса, экран увеличивает масштаб, чтобы ввести ширину экрана. После моего AJAX, когда контент заселен, экран остается там, где он был (внизу страницы), и он также продолжает увеличиваться. Я уже программно добавил JS, чтобы заставить экран вернуться к вершине, используя scrollTop функция. Есть ли способ сделать так, чтобы экран уменьшался?

+0

указать код –

+0

Возможно http://lab.hakim.se/zoom-js/? –

ответ

1

Вам нужен viewport мета-тег в вашем HTML, чтобы отключить масштабирование вообще на мобильные телефоны и планшеты (а также большинство настольных компьютеров в настоящее время):

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"> 

При добавлении этого значения maximum-scale и minimum-scale потребует страницы чтобы всегда оставаться в оригинальном размере.

+0

Это достаточно хороший ответ за то, что мне нужно. Я видел это в предыдущих сообщениях. Я просто надеялся, что есть способ сохранить эффект масштабирования на входе, но изменить размер после. Большое спасибо. –

+1

@DavidWebb вы всегда можете масштабировать страницу самостоятельно, что кажется гораздо более контролируемым состоянием, чем полагаться на браузер. – somethinghere

+0

Предотвращение масштабирования может быть ПЛОХО для доступности. Если пользователь слабовиден и не может автоматически увеличить текст чтения или просмотреть изображение, они не смогут хорошо использовать ваш сайт. – Larrydx