首页 文章

如何使水平滚动网页的固定高度与设备不同？

提问于
浏览 次
-1

我正在尝试制作一个水平滚动的网站，我面临的困难是将我的页面高度固定到设备上 . 此外，如果我在css中修复高度值，那么它将变为特定屏幕大小的硬编码，因此每当我在不同大小的监视器上打开页面时，硬编码值就会产生麻烦 . 到目前为止，我使用了一个非常基本的CSS，这里是：

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<style media="screen">
  #body {
    width: 4000px;
    height: auto;
    max-height:100vh;
  }
</style>
<title></title>
</head>
<body id=body>
--\\CONTENT GOES HERE \\--
</body>
</html>
html css

1 回答

  • 0

    这应该会给你你想要的东西 . 您也可以添加 overflow-y 属性，以确保禁用滚动 . 只需确保其余内容具有响应性，以便可以根据视图高度调整大小 .

    #body { 
        width: 4000px;
        height: auto;
        max-height: 100vh;
        overflow-y: hidden;
    }
    回复于

相关问题