我对编程很新，从堆栈溢出开始就学到很多东西。谢谢你们。
我正在开发一个页面，我计划一直优化到平板电脑。但是现在手机看起来不容易......人们可能会在他们到达台式电脑之前看一下电池。
在头部使用这条线，就平板电脑而言，我的网站很甜蜜：
<meta name="viewport" content="width=device-width, initial-scale=1.0>
然而，手机虽然好，却变成了怪物。
对于细胞，我有这个：
@media only screen
and (min-device-width : 720px)
and (max-device-width : 1280px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE}
它就像一个魅力，不会干扰具有类似分辨率的桌面电脑，一切都很开心。
但是，initicial-scale = 1支持放大手机。
有什么建议吗？页面是sodabrasil.com
一如既往地谢谢大家。
更新
实际上，像素率：2不是问题，经过深思熟虑，删除代码后，它仍然在单元格中看起来很糟糕。这一行：
<meta name="viewport" content="width=device-width, initial-scale=1.0>
在平板电脑上运行得很好，在PC中没有任何东西（就像它应该的那样），但不允许在单元格中有任何好的比例。
更新2 这似乎就是答案。谢谢。现在它在单元格中很好，并且用于单元格的css介质也运行良好。
当我使用这个
时<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, target-densitydpi=high-dpi">
细胞开始缩小到正确的比例。