我创建了一个响应式模板，但我遇到了以下问题。
我在台式机上为小于480像素的分辨率创建了一个媒体查询，为手机创建了小于540像素的分辨率。在桌面上它工作正常，在手机上按预期工作。
@media only screen and (max-device-width: 540px),
screen and (max-width: 480px) {
所以，每当我在平板电脑上打开网站时，我都会加载桌面版本（如预期的那样）但放大了结果。
如果我使用以下代码，最大比例为0.6
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=0.6">
我正确地获得了平板电脑视图，但随后在手机中缩小了视图。
我到处搜索并尝试过各种组合，以便完成这项工作。据我所知，我希望手机的最大比例为1，平板电脑为0.6。如何实现这一目标？
提前感谢您的时间。希望能做到。
编辑：删除网址。
答案 0 :(得分：1)
那是因为最大比例设定为0.6。这意味着该网站显示为60％。尝试将其保留或将其设置为1.0