The most famous areīut there are hundreds of grids out there. There are several of CSS grids out there. ![]() They are a great solution for designing robust layout for couple of years. CSS grid to the rescue!ĬSS grids are not new. But with great power comes a very large headache – creating and maintaining different interfaces for the same product can be a time consuming and painful process. Using the media queries gives the developer great tools in order to develop websites andĪpplications for different resolutions and platforms. You can use out-of-the box JS solution like Media queries work on every browser except IE8 and below. Retina screens: import url(retina.css) (min-resolution: 192dpi) You can also create conditions for higher resolutions. The css will be activated only on screens that is less than 400 pixels wide. ![]() ![]() We can also use other conditions – for example max-width: import url(small.css) (max-width: 400px) Medium.css will be activated from 800 pixels wide screens and large.css will be activated from more than 1024 pixels. Small.css will be activated only from 400 pixels wide screens and above. What are CSS media queries? Different rules to enforce different CSS styles to different resolutions.įor example: import url(small.css) (min-width: import url(medium.css) (min-width: import url(large.css) (min-width: 1024px) We can deal with the cross platform\ multiple resolution issues by using CSS media queries. How your website looks like on mobile phone? on Tablet? All you had to do is to create the CSS, test it with your IE on your screen and that’s it.īut nowadays we have so many platforms and a lot of resolutions. Creating web layout couple of years before was quite easy.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |