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

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

html css

Html 如何使水平滚动网页的固定高度与设备不同？,html,css,Html,Css,我正在尝试制作一个水平滚动的网站，我面临的困难是将页面的高度固定到设备的高度。此外，如果我在css中固定高度值，那么它就变成了针对特定屏幕大小的硬编码，因此每当我在不同大小的监视器上打开页面时，硬编码值就会产生麻烦。到目前为止，我使用了一个非常基本的css，如下所示： <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <style media="s

我正在尝试制作一个水平滚动的网站，我面临的困难是将页面的高度固定到设备的高度。此外，如果我在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>


#身体{
宽度：4000px；
高度：自动；
最大高度：100vh；
}
--\\内容在这里\\--

这会给你你想要的东西。您还可以添加一个

overflow-y

属性，以确保y滚动被禁用。只需确保内容的其余部分具有响应性，以便它可以根据视图高度调整大小

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

max height:100vh

确实应该约束你的

#身体

永远不要超过这个高度。不过，您显然需要确保没有任何内容超过这一点。您可能希望添加

overflow-y:hidden

。除此之外，关键是你有什么问题——这将有助于说明你当前方法的问题。可能重复或可能重复。