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

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -