[在Google Chrome的inspect元素上为iPhone测试我的网站时,它看起来不错,但是当该网站在实际的iPhone上时,它看起来缩小了,CSS布局也不同。当使用手机通过Chrome浏览网站时,它看起来很棒,但是当我尝试在同一手机上但通过Samsung Internet浏览我的网站时,会出现相同的问题,它看起来缩小了,布局也有所不同。我该怎么做才能使网站在所有浏览器上看起来都一样?
这是指向我的网站的链接:https://donald-k-lee.github.io/
听起来您需要视口元标记。
这应该为您工作:<meta name="viewport" content="width=device-width, initial-scale=1">
但是还有很多。如果您有兴趣:https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag