將HTML5格式和地圖的內容並排放置

Question

我想把地圖和表格的內容並排放置。我希望代碼具有響應式設計。我試圖把表格和列表格式的內容。但形式仍然在地圖上。在寬屏幕上顯示內容時，我希望並排顯示內容。而在較小寬度的屏幕上則將它們放在一個上面。

請任何人都可以提出最好的方式來實現這一目標？

Answer 1

嗯，這是與媒體查詢非常簡單...

HTML

<div id="map"> <!-- your map --> </div> 
<div id="form"> <!-- your form --> </div> 

CSS

#map, #form { 
    width: 50%; 
    float: left; 
} 

@media handheld, only screen and (max-width: 500px), only screen and (max-device-width: 500px) { 
    #map, #form { 
     width: auto; 
     float: none; 
    } 
} 

與崩潰的邊緣，當你不想DIV並排更換500像素方面了。