2013-01-15 94 views
0

我正在开发portfolio website。这个网站应该有反应,即:在小屏幕上浏览时,网站应该完全显示。为什么这个网站不能在smarthpone上正确缩放?

我已经添加了元视口标签,但它似乎没有工作。此刻,您需要水平滚动以查看完整内容。我希望它最初缩放到视

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

我想我失去了一些东西的宽度,但不知道什么..

回答

1

我是有各种与视口的问题。最后,我只是删除了那个愚蠢的东西的所有痕迹,现在一切似乎都正确地扩展了。这可能是当前的移动浏览器足够聪明,可以在不使用视口的情况下进行缩放。当然,我也在使用媒体查询。

+0

工作。 tnx – grrrbytes

+1

它实际上似乎是当您设计无响应的网站时,您不应应用视口元标记(初始缩放设置为1):http://webdesignerwall.com/tutorials/viewport-meta-tag- for-non-responsive-design – grrrbytes

+0

回到我开始的地方。删除该元标记后,缩放工作完美地在我的HTC Incredible droid手机以及我的iPad 2上工作。我刚拿到一部iPhone 4S,发现删除该meta标签会停止所有响应(在该设备上)。 –

相关问题