Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

Home Forums How to use responsive web design media queries in css – MindStick
Ask Question

2 Answers

Anonymous User
Anonymous User 05 Jan 2016
Report Abuse
if you want to use media queries in css  go to  https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries for more details.
Anonymous User
Anonymous User 05 Jan 2016
Report Abuse

Media queries are  simple filters which can be applied to CSS styles. They make it easy to change styles based on the device rendering the content, including the display type, width, height, orientation and even resolution.

use to like below code:

/*For Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}
/*for iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}
/*For Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

 

advertising
Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md