该网站在Safari和Samsung Internet上显示为缩小

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

[在Google Chrome的inspect元素上为iPhone测试我的网站时,它看起来不错,但是当该网站在实际的iPhone上时,它看起来缩小了,CSS布局也不同。当使用手机通过Chrome浏览网站时,它看起来很棒,但是当我尝试在同一手机上但通过Samsung Internet浏览我的网站时,会出现相同的问题,它看起来缩小了,布局也有所不同。我该怎么做才能使网站在所有浏览器上看起来都一样?

这是指向我的网站的链接:https://donald-k-lee.github.io/

html css safari responsive-design cross-browser
1个回答
0
投票

听起来您需要视口元标记。

这应该为您工作:<meta name="viewport" content="width=device-width, initial-scale=1">

但是还有很多。如果您有兴趣:https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

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