2

该网站有一个桌面版本，我正在通过编辑相同的 CSS 文件来制作它的移动版本。

我隐藏了许多宽/不必要的元素，display: none;并确保我在大多数元素上使用百分比宽度。

在 HTML 上，我有以下视口标签：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

...但这无济于事：移动版本在移动设备上显得太宽。用户需要放大，他/她可以水平滚动网站。显然，这是不可取的，我需要页面适合移动设备屏幕的宽度。

我错过了什么吗？顺便说一句，如果有帮助，该框架使用 Smarty。

编辑：有时，网站会根据移动屏幕调整其宽度，但这仅发生了几次，我不知道如何或为什么。

4

3 回答 3

0

但是因为您不使用“媒体查询”？

例如：@media（最大宽度：480px）{ css..}

您可以将媒体用于桌面，将媒体用于手机，因此每个都有特定的 css。

于 2013-05-16T12:37:45.947 回答
0

显然，修复与视口无关。

问题是由框架集引起的。我正在研究的框架有一个奇怪的主页结构 - index.php 包含一个框架集，它加载页面的其余部分。不要问我为什么，我自己也不清楚。

我通过将浏览器直接重定向到网站文件（避免任何框架集）解决了这个问题。

于 2013-05-16T14:11:41.900 回答
0

我在使用的时候遇到了这个问题justify-content: center。

我通过添加overflow: hidden;到相同的 css 类来解决它justify-content: center；

于 2021-10-25T19:57:11.013 回答