Responsive design 为什么';此网站在smarthpone上不能正常扩展吗?

Responsive design 为什么';此网站在smarthpone上不能正常扩展吗?,responsive-design,scale,viewport,screen-orientation,Responsive Design,Scale,Viewport,Screen Orientation,我正忙着开发一个新产品。该网站应表现出响应性,即:在较小屏幕上浏览时,该网站应完全显示 我添加了元视口标记,但它似乎不起作用。此时,您需要水平滚动以查看完整内容。我希望最初将其缩放到视口的宽度 <meta name="viewport" content="width=device-width, initial-scale=1"> 我想我遗漏了什么,但不知道是什么..我在viewport上遇到了各种各样的问题。最后,我刚刚清除了那个愚蠢的东西的所有痕迹,现在一切似乎都正常了。可能

我正忙着开发一个新产品。该网站应表现出响应性,即:在较小屏幕上浏览时,该网站应完全显示

我添加了元视口标记,但它似乎不起作用。此时,您需要水平滚动以查看完整内容。我希望最初将其缩放到视口的宽度

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


我想我遗漏了什么,但不知道是什么..

我在viewport上遇到了各种各样的问题。最后,我刚刚清除了那个愚蠢的东西的所有痕迹,现在一切似乎都正常了。可能是因为当前的移动浏览器足够智能,可以在不使用viewport的情况下进行缩放。当然,我也在使用媒体查询。

实际上,在设计无响应网站时,似乎不应该应用视口元标记(初始比例设置为1):回到我开始的位置。在去掉那个元标签后,我的HTC难以置信的droid手机和iPad2都能完美地进行缩放。我刚买了一部iPhone4S,发现去掉那个元标签会停止所有的响应(在那个设备上)。我玩了所有可能溢出的东西,导致浏览器的扩展范围超出了应有的范围,这太令人沮丧了。但如果设置为1.0,则应将其缩放到1.0,如中所示,浏览器将根据媒体查询中设置的宽度范围缩小站点。相反,它将初始比例设置为1.2。我会想,如果我的最小宽度中有任何一个大于可能发生的媒体查询的浏览器宽度,但如果我的最大宽度在媒体查询范围内,则不会。作为一个黑客,我将初始宽度设置为.8,它可以正常工作。