有一个桌面版本的网站，我正在通过编辑相同的CSS文件制作其移动版本。
我用display: none;隐藏了许多宽/不必要的元素，并确保我在大多数元素上使用百分比宽度。
在HTML上，我有以下视口标记：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
...但它没有帮助：移动版本在移动设备上显得过宽。用户需要放大并且他/她可以水平滚动网站。显然，这是不可取的，我需要页面适合移动设备屏幕的宽度。
我错过了什么吗？顺便说一句，框架使用Smarty，如果有帮助的话。
编辑：有时候，网站将其宽度调整到手机屏幕，但这只发生了几次，我无法弄清楚如何或为什么。
答案 0 :(得分：0)
但是因为你不使用“媒体查询”？
Ex：@media（max-width：480px）{ CSS .. }
您可以将媒体用于桌面，将一个媒体用于手机，这样每个人都可以使用特定的CSS。
答案 1 :(得分：0)
显然，修复程序与视口无关。
问题是由框架集引起的。我正在研究的框架有一个奇怪的主页结构 - index.php包含一个框架集，它加载页面的其余部分。不要问我为什么，我自己也无能为力。
我通过将浏览器直接重定向到网站文件来解决了这个问题（避免使用框架集）。