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;
    }
}

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

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

你能帮助我吗？

Answer 1

在我看来，最好只滚动VERTICALLY，但是如果你想这样做，你只需要声明一个内容容器，比如<div width="2000px"></div>来扩展空间超过右边界。