Реагирующая страница Получение странного масштабирования в режиме реагирования [дубликат]

он работал для меня на 000webhost, выполнив следующие действия:

$headers  = "MIME-Version: 1.0" . "\r\n";
$headers .= "Content-type: text/html; charset=iso-8859-1" . "\r\n";
$headers .= "From: ". $from. "\r\n";
$headers .= "Reply-To: ". $from. "\r\n";
$headers .= "X-Mailer: PHP/" . phpversion();
$headers .= "X-Priority: 1" . "\r\n"; 

Введите адрес электронной почты при отправке электронной почты

mail('email@gmail.com', $subject, $message, $headers)

Используйте '', а не ""

Этот код работает, но письмо было получено с задержкой в ​​полчаса

5
задан techraf 30 March 2016 в 01:26
поделиться

2 ответа

window.innerWidth и innerHeight возвращают размеры визуального окна просмотра. В настольных браузерах это, как правило, размеры окна браузера. На мобильных устройствах ситуация немного сложнее из-за увеличения зума.

При загрузке страницы без тэга <meta name="viewport"> используется ширина макета по умолчанию (например, Chrome использует 980px). Когда браузер загружает страницу, она максимально уменьшает масштаб. Похоже, что размер вашего устройства выше имеет ширину 425 пикселей, поэтому браузер масштабируется, когда страница загружается, чтобы увидеть весь 980px. Если у вас есть контент, который шире, чем этот (например, ваш образ), он будет уменьшаться еще больше. Учитывая, что ваш window.innerWidth равен 1248, это означает, что коэффициент масштабирования составляет около 30%.

tl; dr: innerWidth/innerHeight отражают область просмотра с применяемым коэффициентом масштабирования и масштабированием страницы полностью масштабируется

EDIT: с тех пор это изменилось в Chrome. window.innerWidth теперь возвращает ширину видового экрана layout . Чтобы получить визуальную ширину видового экрана, используйте window.visualViewport.width. Подробнее см. В этой статье .

19
ответ дан David Bokan 22 August 2018 в 06:44
поделиться
  • 1
    БОЛЬШОЕ объяснение. Спасибо. Я попытался ответить на ваш вопрос, но мне нужно как минимум 15 человек :( – jonGomez 31 March 2016 в 11:54

enter image description here [/g0]

скопируйте и вставьте свой код и запустите ... Как вы можете видеть изображения, он работает нормально ....

-1
ответ дан Johnny Bones 22 August 2018 в 06:44
поделиться
  • 1
    Спасибо, что ответили. Разрешение на изображении слишком низкое. Я не вижу размеры устройства и значение window.innerWidth и window.innerHeight. Вопрос все еще стоит: Что такое window.innerWidth и window.innerHeight, которые должны возвращаться в режиме устройства? Размер видового экрана, размер документа или что-то еще? И поведение, описанное в моем первоначальном посте нормальное? – jonGomez 30 March 2016 в 09:46
Другие вопросы по тегам:

Похожие вопросы: