css - HTML5 website to support different screen resolutions -


i'm designing website 1 <div>. need design screen support screen resolutions (for mobile devices, laptops, , surface). works screen while zooming, when try open website laptop, horizontal , vertical scrollbars automatically comes page. can me avoid scrollbars appearing different screen resolutions?

style i'm using:

<style> div {     background-image: url('../maps/plan.png');     width: 1514px;     height: 960px;     margin: 0px 0px 0px 190px;     border: 2px groove;     table-layout:fixed; }  .container {     margin-right: auto;     margin-left: auto;     width: 1514px;     height: 960px; } .container:before, .container:after {     display: table;     line-height: 0;     content: "";     clear: both; }  </style> 

use foundation or bootstrap (grid system) it'll take care you.


Comments

Popular posts from this blog

php - Submit Form Data without Reloading page -

linux - Rails running on virtual machine in Windows -

php - $params->set Array between square bracket -