让造型保持不变

Question

有没有办法让我的网站样式（例如：位置，宽度，高度e.t.c.）保持不变，即使我更改了浏览器的高度/宽度或打开了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;
 }

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