css - 使样式保持不变

Question

有没有一种方法可以让我的网站样式(例如:位置、宽度、高度等)保持不变，即使我更改了浏览器的高度/宽度或打开了 Inspect Element。

Answer 1

添加一个包装器 div 并应用您的最小宽度和高度属性。

HTML

 <div id="wrapper">
    <!-- Add all your HTML -->
 </div>

CSS

 #wrapper
 {
   width:1024px; 
   height:768px; 
   min-width:1024px;
   min-height:768px;
   margin:0px auto;
   overflow:auto;
 }

这将在任何分辨率下修复您的页面宽度和高度，如果它们以较低的分辨率打开，滚动条将出现。如果以更大的分辨率打开，白色空白区域将出现在左侧和右侧。