我正在为网站使用 Bootstrap,我注意到当我在移动设备上查看我的布局时,我的移动网络浏览器会自动放大到网页的特定左上角部分。我希望浏览器在开始时显示整个网页,而不是放大到左上角。当我不使用 Bootstrap 时,显示整个网页(尽管可能有点小)是默认行为。
首次在移动设备上输入时,是否可以让 Bootstrap 显示整个网页而不是放大页面?
我正在为网站使用 Bootstrap,我注意到当我在移动设备上查看我的布局时,我的移动网络浏览器会自动放大到网页的特定左上角部分。我希望浏览器在开始时显示整个网页,而不是放大到左上角。当我不使用 Bootstrap 时,显示整个网页(尽管可能有点小)是默认行为。
首次在移动设备上输入时,是否可以让 Bootstrap 显示整个网页而不是放大页面?
这很可能与设置的视口有关。假设您的网页是标准尺寸,您可以使用:
<meta name="viewport" content="width=1024">
确保将其放在页面顶部 - 或替换当前存在的那个。
我相信您正在寻找 Viewport html 标签:https ://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
您可以通过从 . 这在我的应用程序中有效。如果您想让它适合您的设备,请将其放入 head 标签中。
<meta name="viewport" content="width=device-width, initial-scale=1.0">