html - 如何使用像素而不是百分比使 div 在页面上水平拉伸(stretch)？

Question

基本上我不想使用百分比，因为像素更容易处理，因为我知道东西的确切尺寸，因此我想使页面宽度为 1024 像素宽，但它会拉伸(stretch)以适应任何(最)常见的决议

Answer 1

在现代浏览器中你可以使用@media

   @media only screen and (min-device-width: 800px) and (max-device-width: 1023px)  {
            #myDiv{width: 800px;}
    }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1279px)  {
            #myDiv{width: 1024px;}
    }

在旧的浏览器中使用固定大小或做一些 js 技巧。