Hello There!
CSS stands for Cascading Style Sheet. It makes all the designing of your website. You have just to do is to make your webpage design responsive to all screen through these .css files. When I am developing a site, I thought may it be responsive for all screens? does my visitor can see it in his/her tab or mobile? So I gone through some sites and find some effective methods for solving the responsiveness problems of any site.
The Screen option:-
You can provide the screen option in the starting of any HTML landing page. This screen option let you specify which screen you have and according to your selection it will give you the webpage.
This will cause you multiple CSS files which have the designing of separate screen in separate file.
Pros and cons:
(1) Fix Screen size and nothing complex for pixels. Each screen have its own css.
(2) Have to make separate Screen CSS for Each screen.
(2) Have to make separate Screen CSS for Each screen.
The Media Queries:-
You can develop any website's design with CSS. Media queries are the best fit method for this. This will make one style sheet which helps you to create design for diffrent screens in one file... No need to make different different files for each screen. they adjust classes as they have to through viewport. you just have to specify link tag that contains attributes like "viewport=1366px" and "media=all".
pros and cons:
(1) Best Effective and convincing method. Just define the screen you want in media query.
(2) More Complex if two or more CSS are conflicting with each other.
pros and cons:
(1) Best Effective and convincing method. Just define the screen you want in media query.
(2) More Complex if two or more CSS are conflicting with each other.
About
Tags
Popular
