css - How I can consider resolution for design -
this question has answer here:
i want design responsive webview application based on ionic 2. in css use px unit think not consider resolution. anyway design based on this?
by using @media queries within css, can find "px" measurement of devices accessing pages. each query, css can modified displayed differently. please see attached w3schools link explanation of uses.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
the following github repository provides template of media queries of can used allow many device types , resolutions.
https://gist.github.com/marcobarbosa/798569
for example:
@media screen , (min-width : 321px) { /* insert styles here */ }
if resolution width (in px) @ minimum of 321px, styles within used.
click following link , resize result frame. gives example of media query use.
https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_mediaquery
Comments
Post a Comment