html - 如何使 div 响应并使用固定大小？

Question

我在标签内有一个 div，它具有固定的宽度、高度和边距。

<center>
  <div id="360container" style="width:1252px; height:805px; margin-right:50px; margin-left:50px">This is div
  </div>
</center>

当这个div不再适合浏览器时，当浏览器宽度小于1252+50+50px时，我想减小宽度，并且我希望高度减小但仍保持相同的比例(1252x805)。

如何做到这一点？

Answer 1

当你想应用特定的样式时，例如屏幕尺寸宽度在320px到480px之间时，你可以使用(@mediaquerys)来检测屏幕尺寸:

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
   {
/* your style here */
}