我是CSS的新手，我最近想出了如何使用@media查询设备或浏览器大小，并帮助使网站响应，但我已经有很多<meta name="viewport">标签出现问题（因为我看到很多其他人也有）。
由@media only screen and (max-device-width: 680px)触发的移动视图转换工作正常，但到目前为止，在我测试过的iPhone和Android手机上，初始视图已部分放大。对于移动设备查看版本，我有正文，容器div和大小为540px或更小的子元素，然后在html doc的头部使用以下标记：
<meta name="viewport" content="initial-scale=1, width=device-width" />
但就像我说的那样，当我在移动设备上访问该网站时（比如我的Razr M，屏幕分辨率宽度为540px），观看区域显示放大，所以我看到的是2 /完整的540px内容的3rds，从左边开始。但是，如果我手动缩小，它会停在正确的大小，一切看起来都不错。测试网站位于http://thereisnomountain.com/indextest.html，它依赖http://thereisnomountain.com/style/tinmtest.css处的一个样式表。帮助将不胜感激！