视口元标记不起作用

时间:2014-01-23 02:01:12

标签: android html tags

您好我有以下网站,我试图设置视口标签,以便在手机上呈现,例如在全屏幕上,但似乎标签不起作用,任何建议我如何解决这个问题问题?

这是我正在使用的视口的代码:<meta name="viewport" content="width=device-width, initial-scale=1">

网站就是这个:www.heatherlacombe.com

现在网站正在ipad或Android设备上渲染,就像它的一半,我想让它适合整个屏幕。

2 个答案:

答案 0 :(得分:0)

您的网站没有响应。因此,您并不需要在那里拥有该元标记。如果您取出标签,然后在iPad上查看,该网站将自动收缩。

答案 1 :(得分:0)

您正在使用的代码......

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

......是对的。但是,如果没有对您的网站进行响应式设计,则其实用性非常有限。我确实在我的iPad上测试了网站,虽然它比屏幕尺寸大得多,但它完全显示。

看起来您正在使用Bootstrap,这让我想知道为什么您的网站没有响应。我建议您在尝试解决Viewport问题之前,先查看为什么您的网站没有响应。