Как соответствовать контенту в видимую область масштабированного мобильного браузера? ⇐ Html

[Anonymous]

Есть ли какой -нибудь простой способ вставить HTML -контент в видимую часть браузера экрана телефона, когда при увеличении? Ограничения:

[*] Подходит Visual ViewPort (не макет ViewPort)
Подходит ширина (вертикальная прокрутка OK, не нужно горизонтальное прокрутку - нет. /> На mobile < /strong> (телефон) браузеры < /li>
При масштабировании (от PINCH) < /li>
< /ul>
при заклепок, содержание должно расти и при необходимости оставаться в пределах видимого экрана; то есть сопоставьте, как настольные браузеры естественным образом соответствуют ширине дисплея: Block элементы в окно. 100VW и ширина: 100%; Положение: Исправлено Не достигайте желаемого эффекта, потому что они соответствуют видовому допуту макета. (В 2025 году, по крайней мере, более старые браузеры могли вести себя по-разному.) < /P>
Пример: < /p>




p { border: thick solid black; }

/*
Add styling to make the tag fill the screen width at all zoom levels on
iPhone and Android browsers. Changing HTML and CSS is ok, adding JS is not.
*/




This box should expand and contract with zoom so that it fills the screen
from side to side and both sides are always visible.




Подробнее здесь: https://stackoverflow.com/questions/797 ... le-browser