视口元标记不起作用

Question

我希望移动设备中的我的网站uoga.onclick.lt会缩小以适应所有内容。

我的标签是：

if (checkbox.Checked== true)
 IsAdmin=1;
else IsAdmin=0;

我尝试了很多更改，例如更改初始比例和其他选项更改，但它仍然像这样加载：

设备是SONY Xperia Z2，但我尝试使用Samsung NOTE 2和nexus 5，结果是一样的......

Answer 1

这就是诀窍

<meta name="viewport" content="width=500, initial-scale=0.2">

在Sony Z2，Samsung Note 2，Samsung galaxy s5，Nexus 5上进行了测试。

我真的不知道为什么内容=＆＃34; width = device-width＆＃34;没有工作......

如果你想看到结果，我改变了服务器 - uogauoga.itgirnos.lt

Answer 2

我知道这是一个老问题，但我注意到如果你为body或html元素设置的宽度大于你的屏幕，则视口不会按预期工作。

e.g。

body
{
     width:1080px;
}

Answer 3

刚刚遇到了这个问题，我遇到的问题与@Charlie类似，但解决方案不同。在我的情况下，我有pre个标签，这些标签的行很长，因此实际上它的宽度很大（因此有相似之处）：

解决方法：

<style>
pre {
  white-space: pre-wrap;
}
</style>