Как увеличить div на мобильном устройстве с JavaScript?

Question

может быть, подсказка:

    <meta name="viewport" content="width='+ my div Width+'", initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

Answer 1

Метатеги используются браузером при первом анализе вашей страницы, но не переоцениваются и не доступны после этого периода.

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

См. этот вопрос относительно увеличения масштаба на холсте.

По сути, для мобильных устройств вы вряд ли получите функциональность, которую вы хотите , но вы, вероятно, сможете имитировать ее интуитивно понятным образом для пользователя.

например. "пользователь щелкает изображение"

1) Изменение хеш-тега для прокрутки к изображению

window.location.hash = "#image"

2) Настройка размера изображения до 100% ширины

$('#my_image').attr('width', '100%')

3) Назначить слушателя для уменьшения при повторном взаимодействии пользователя

$(document.body).click( function() { 
  $('#my_image').removeAttr('width', null);
});

Надеюсь, это поможет вам перейти к решению.

Answer 2

window.location.hash = "yourDivId";

Это позволит прокрутить до позиции div.На самом деле вы не можете увеличить масштаб с помощью JavaScript, но вы можете использовать jQuery для анимации размера и положения div, а также для изменения размера текста, чтобы он выглядел так, как вы увеличили масштаб (см. http://api.jquery.com/animate/)