在iPhone上显示小屏幕的网站

在iPhone上显示小屏幕的网站,iphone,responsive-design,viewport,ebay-design-templates,Iphone,Responsive Design,Viewport,Ebay Design Templates,我在eBay上开发了一个商店,但在iPhone上遇到了问题 在普通浏览器中,它的响应似乎很好,但当我在iPhone上查看它时,它只占屏幕的一半左右 有什么我遗漏的吗 网址是 我添加了如下视口标记: <meta name="viewport" content="width=device-width, initial-scale=1"> 谢谢 在你的index.html页面中,我注意到在你的网站上有几件事,从你的.stBadge中删除最小宽度:760px(仅在你的媒体查询中)。这

我在eBay上开发了一个商店,但在iPhone上遇到了问题

在普通浏览器中,它的响应似乎很好,但当我在iPhone上查看它时,它只占屏幕的一半左右

有什么我遗漏的吗

网址是

我添加了如下视口标记:

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

谢谢


在你的index.html页面中,我注意到在你的网站上有几件事,从你的.stBadge中删除最小宽度:760px(仅在你的媒体查询中)。这将有助于在屏幕边界内获取页脚。还有一种上边框的宽度比屏幕宽,可能是#gh top div。。。但一旦另一个是,这可能会被修正。

这几乎和我之前的一样,只是增加了最大刻度。。我现在已经改变了,这并没有什么不同……如果我删除视口标记,它会完全加载站点,因此它不会响应较小的大小。。如果我把它放回去,它的响应像是414px宽(在iPhone6Plus上观看),但只有一半的屏幕。。。我想这与视网膜屏幕有关,但它都设置为100%宽度,所以应该正好适合屏幕……在Chrome中使用inspect元素总是可以帮助我解决这样的移动/响应问题,特别是如果您使用移动视图(开发者工具屏幕左上角的小手机图标)。它将显示什么是“拍摄屏幕”,并允许您检查不同的屏幕大小非常容易。谢谢。。。我已经删除并覆盖了eBay样式表上已有的一些样式。。。我做了一个简单的溢出:隐藏在一个有帮助的部分!