Communiquez avec les autres et partagez vos connaissances professionnelles

Inscrivez-vous ou connectez-vous pour rejoindre votre communauté professionnelle.

Suivre

How to add responsive screen by setting width and height in px?

user-image
Question ajoutée par Raj Gowtham Narendra Babu , Software Development Intern , Infinite Computer Solutions (India) Ltd
Date de publication: 2013/09/22
Zaid Rabab'a
par Zaid Rabab'a , Software Development Team Leader , Al-Safa Co. Ltd.

Use Media Queries

 

Sth like

@media (max-width:600px) { .facet_sidebar { display: none; } }

Fadi Alkhateeb
par Fadi Alkhateeb , Senior Front End Developer , NexTwo

You do that by Using CSS Media Queries, you create all breakpoints that you need in pixels to make your changes.

 

Check this article it will help you to how to use it:

How to create media queries in Responsive Web Design

 

If you need a refrence for Responsive design device resolution, check this out:

Responsive design device resolution reference

And check this tool, it helps you to test your websites in many viewports (it also gives you exact viewport for common devices) :

CyberCrab