Responsive site, how to test and how to define @media?

-2

Well, nowadays every professional website should be responsive, and I have doubts about that. Initially, is there any offline tool to simulate this? For example: simulating access to various resolutions, etc? I remember seeing a video about something similar in the Opera browser, but I did not find this resource.

Another question is in CSS: What statements of @media do I need to make to have a fully responsive website on all devices? I currently only use @media to 768px or lower than the default.

Anyway, this question is for tips on responsive design.

I hope you will not vote negative because, in my opinion, it is not a vague question.

    
asked by anonymous 04.11.2015 / 05:23

1 answer

5

About simulating the responsive website modern browsers already have a specific tool for this. Here's an image of how to access this feature.

Clickingonthisiconwillopenseveraloptionstoemulatedifferentdevices,whetheritwillbeinlandscapeorportrait,useragent,nsimulatetheinternetconnectionetc.

In firefox it's the same system as Chrome.

Now about media queries in css we have several ways to do it, as we have thousands of combinations of checks such as whether it is screen or print, whether the device will be in landscape or portrait mode etc. You can search in several search sources like for example the MDN of firefox explains very well that part.

    
04.11.2015 / 12:15