我创建了一个响应式模板，但我遇到了以下问题。
我为桌面上小于 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">
我正确地获得了平板电脑视图，但在手机中它被缩小了。
为了完成这项工作，我到处搜索并尝试了每种组合。据我所知，我希望手机的 maximum-scale=1 和平板电脑的 0.6。如何做到这一点？
在此先感谢您的时间。希望可以做到。
编辑：删除网址。