html - Starting a css site but format issues -
the link of site here progerdevs.co.nf test site. when load page on android displayed horribly, on place. know called changes when theres different screen size? still have lot learn :/ changes mean example images displayed verticaly , top navigation bar.
you must talking media queries. suppose want change how site looks depending on set of screen resolutions (width)
320px
768px
1024px
then must define media query each resolution, , put in css rules element want adapt. example: want change font-size of document:
@media screen , (min-width:0px) { body { font-size:10px; } } @media screen , (min-width:320px) { body { font-size:12px; } } @media screen , (min-width:768px) { body { font-size:14px; } } @media screen , (min-width:1024px) { body { font-size:16px; } }
depending on screen resolution of device, font-size change, can same property of html element.
or can use bootstrap, requires deeper knowledge.
Comments
Post a Comment