html - 网页设计：字体大小/布局/移动设备

Question

我有以下网页：

它应该可以在手机上运行。现在，它看起来应该，但存在以下问题：某些元素太宽。用户应该能够水平滚动，但这是不可能的。

我试过了：

1）删除： <meta name="viewport" content="width=device-width" />

字体变得非常小。用户可以放大，但这不是所希望的。

2）删除： overflow-x: hidden;

来自 a.aResult 元素，设计变得混乱，字体有点太小。

3）删除：

@media only screen and (max-device-width: 480px) {
    body {
       -webkit-text-size-adjust: none;
    }
}

并且没有变化。我想知道这实际上应该做什么。

基本上，我想得到我现在看到的东西，但应该有水平滚动的可能性。因为最右边的信息不是那么重要，但应该仍然可以访问。

你能帮助我吗？

score 0 · Accepted Answer

在我看来，最好只垂直滚动，但是如果你想这样做，你只需要声明一个内容容器，就像<div width="2000px"></div>将空间扩展到右边界之外。

1 回答 1