css - 水平滚动 CSS

Question

我正在创建一个页面@ [链接已删除]

顶部的标题非常大（1600 像素）以容纳宽显示器。将标题设置为 100% 宽度不起作用，因为旋转会产生一些奇怪的效果。

我将body overflow-x 设置为隐藏，这样就不会出现水平滚动条。布局应适应正常的计算机分辨率。

问题是当您从分辨率非常小的设备（例如手机）访问时，或者如果您调整浏览器窗口的大小。在这种情况下进行水平滚动会非常有帮助，但它只能滚动到足以看到图片的程度，不能再进一步了。

这有意义吗？让我知道我需要澄清什么...

我尝试在正文和标题上组合 min-width 和 overflow-x，但似乎找不到有效的解决方案。

谢谢！杰夫

score 1 · Accepted Answer

用于<link rel="stylesheet" media="handheld" href="%%%.css" type="text/css" />定位手持设备，并在手持样式表中设置overflow-x为。auto或者使用 JavaScript 加载基于 scren res 的样式表

<script type="text/javascript">
  if (screen.width < 1024) 
</script>

score 1 · Accepted Answer

我的回答是对0x60回答的补充。

我建议使用 CSS 媒体查询而不是 JavaScript 来检测屏幕宽度。

例如：

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px){
/* Styles */
...
}

查看这些文章：

2 回答 2