最大尺寸的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>