Html 大屏幕上杂乱无章的CSS位置

Html 大屏幕上杂乱无章的CSS位置,html,css,screen,Html,Css,Screen,我为流媒体创建了一个控制面板。 在我的resulução 1366 x 768中,它可以完美地打开,在大屏幕上,它完全无序地打开。 有人知道是否有可能锁定CSS的位置,这样它就不会在大屏幕上“自动调整”了吗 救命啊! 我的CSS代码: 谢谢 如果在页面中添加容器,将阻止内容变得太宽。以下是一个例子: HTML: 我已经设置了最大值和最小值,您可以只设置宽度,这取决于您。基于浏览器宽度,锁定css的标准方法是使用 关于m.q 这上面也有多个线程: | 您可以只针对特定的浏览器宽度,并在那里锁定cs

我为流媒体创建了一个控制面板。 在我的resulução 1366 x 768中,它可以完美地打开,在大屏幕上,它完全无序地打开。 有人知道是否有可能锁定CSS的位置,这样它就不会在大屏幕上“自动调整”了吗

救命啊! 我的CSS代码:


谢谢

如果在页面中添加容器,将阻止内容变得太宽。以下是一个例子:

HTML:


我已经设置了最大值和最小值,您可以只设置宽度,这取决于您。

基于浏览器宽度,锁定css的标准方法是使用

关于
m.q

这上面也有多个线程: |


您可以只针对特定的浏览器宽度,并在那里锁定css

问题在于,随着宽度的增加,内容将开始并排堆叠。您可以通过使用固定宽度的布局
#容器{宽度:1200px,边距:0 auto;}
来防止这种情况。我通常会使用
max width
min width
而不是
width
,这样内容就可以调整一点大小,只是不会太大!如何使用#容器{width:1200px,margin:0auto;}?我在哪里补充?我是网络rsI的初学者,我将为您添加一个答案,并为您提供一个示例。谢谢!在等待中。。。
<body>
    <div id="container">
        <!-- rest of markup here -->
    </div>
</body>
#container {
    max-width:1450px;
    min-width:980px;
    /*width:1200px;*/
    margin: 0 auto; 
}