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
Post a Comment