Start networking and exchanging professional insights

Register now or log in to join your professional community.

Follow

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

user-image
Question added by Raj Gowtham Narendra Babu , Software Development Intern , Infinite Computer Solutions (India) Ltd
Date Posted: 2013/09/22
Zaid Rabab'a
by 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
by 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