2017-02-26 120 views
0

目前我正在创建自己的网站,上周我致力于使网站响应。我试图让网站响应的移动设备,我还以为我解决了这一问题,在HTML中添加以下行:网站在Apple设备上缩放,但不在Android设备上

<meta name="viewport" 
     content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 

但后来我发现,它只能在苹果设备,但不Android的设备。我是否需要添加另一行来解决Android设备的问题?或者改变我已经有的线?先谢谢你。

+0

你也可以试试'Bootstrap'响应式设计框架 –

+0

它是否像媒体查询? – Soccerlife

+0

您的网站内容的宽度是多少? iirc如果你告诉它像素(“1000像素”类似),它不会正确缩放,但使用百分比(“100%”)作品 – chrki

回答

1

既然你试图让你的网站响应的所有设备,我putforth这样的信息:

Bootstrap是设计网站和网络应用的前端框架。使用Bootstrap框架,您可以设计适用于从桌面到手机的所有设备的网站。

您只需下载框架并将其包含在您的网站中,一小段代码可以提供帮助。

您可以在这里下载框架, Bootstrap Download Page然后得到一些教程here

希望这有助于。

相关问题