网站在iPhone上显示小(Website showing small on iPhone)

网站在iPhone上显示小(Website showing small on iPhone)

我在eBay上开发了一家商店，并在iPhone上遇到麻烦......

它在普通的浏览器中看起来反应灵敏，但是当我在iPhone上查看时它只占用了大约一半的屏幕...

有什么我想念的吗？

该URL为http://stores.ebay.co.uk/the-biggest-toy-store

我添加了一个像这样的视口标签：

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

谢谢！

I've developing a store on eBay and having trouble with it on iPhones...

It seems to be nicely responsive in a normal browser, but when I view it on an iPhone it only takes up about half of the screen...

Is there something I'm missing?

The URL is http://stores.ebay.co.uk/the-biggest-toy-store

I've added a viewport tag like this:

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

Thanks!

最满意答案

我在您的网站上注意到的一些事情，从您的.stBadge中移除最小宽度：760px（仅在您的媒体查询中）。 这将有助于将页脚放在屏幕边界内。 还有某种类型的边框顶部宽度超过屏幕宽度，可能是＃gh-top div ...但是一旦另一个可以修复。

A few things I noticed in your site, remove the min-width: 760px from your .stBadge (in your media query only). That will help get the footer within the screen boundary. There is also some kind of border up top that has a wider-than-screen width, possible the #gh-top div... but that may be fixed once the other is.