javascript - 具有最大尺寸的html div

Question

我有一个简单的网页，其中包含一个包含传单地图的单个 div 元素和一些 javascript 代码。

在移动设备上，我希望 div 元素填满整个屏幕。但是，在 PC 屏幕等较大的屏幕上，我希望 div 元素的最大尺寸为 800x600 像素。否则，传单会变得太慢。

我该如何实施呢？

Answer 1

你可以试试这个...

<style type="text/css">
 div{
   width: 800px;
   height: 600px;
 }
 @media only screen and (max-width: 767px){
  div{
    width: 100%;        
  }
 }
</style>