自适应-所有元素在移动设备上都太小了

问题描述 投票:0回答:1

我在一个网站上工作,但我对移动设备的看法有一个奇怪的问题。当我在桌面浏览器上调整窗口大小时,元素和字体会随着视口的变化而变化。当我在移动设备上打开网站时,所有字体和元素(例如汉堡菜单)都变小了。看来这是一个扩展问题或类似的问题。我的头中有meta viewport标签,所以这不是问题。

我在这里或其他任何论坛上都找不到任何类似的问题。希望有人能帮忙。我已经附上了一些屏幕截图,但是如果需要,我可以提供URL。预先谢谢你。

Full Screen WindowResized WindowResponsive example 1Resposive example 2

html css mobile responsive meta-tags
1个回答
0
投票

确保包含响应性元标记,以确保浏览器获得正确的设备宽度,而不是缩小页面

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

这意味着浏览器将(可能)呈现页面以其自己的屏幕宽度显示。因此,如果该屏幕为320px宽,浏览器窗口将为320px宽,而不是缩小和显示960像素(或默认情况下该设备执行的任何操作,以代替响应元标记)。

进一步阅读Here

© www.soinside.com 2019 - 2024. All rights reserved.