Please enable / Bitte aktiviere JavaScript!
Veuillez activer / Por favor activa el Javascript![ ? ]
What are css media queries to write for mobile devices? - bug-code.com Q&A

What are css media queries to write for mobile devices?

0 like 0 dislike
31 views
What are the most optimal resolution prescribe when using CSS keywords the site was optimized under different variants of the phone screen.
Please do not write below I googled. I've done this before and all different answers I wanted to hear the answer from people who are working on this=)
For earlier thanks for the detailed answer.
asked by | 31 views

3 Answers

0 like 0 dislike
Suggest not to invent a Bicycle and to appeal to popular Primorsko Bootstrap :) it is imposed on us by the following grid:

// Extra small devices (phones portrait, less than 576px) // No media query since this is the default in Bootstrap // Small devices (phones landscape, 576px and up) @media (min-width: 576px) { ... } // Medium devices (tablets, 768px and up) @media (min-width: 768px) { ... } // Large devices (desktops, 992px and up) @media (min-width: 992px) { ... } // Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) { ... }


Good luck ;)
answered by
0 like 0 dislike
I've done this before and all different answers

There will be different answers...

After many different options settled on the following set:
// minimum width of the site with all elements html, body { min-width: 320px; } // next come the breakpoints max-width: 480px - 1; max-width: 576px - 1; max-width: 768px - 1; max-width: 992px - 1; max-width: 1200px - 1; min-width: 1200px; // width of the main container max-width: 100%; // simple width: calc(100% - 2rem * 2); // indented width: calc(100% / 12 * 12 - 2rem * 2); // with columns and indentation

In exceptional cases, use more than 1200px breakpoint (1440, 1600, 1920), but very rarely...
answered by
0 like 0 dislike
Media screen (max-width:320px) {
Your style.....
}
answered by
Welcome to Bug-code Q&A, where you can ask questions and receive answers from other members of the community.

24.8k questions

46.2k answers

0 comments

12.7k users

24,788 questions
46,220 answers
0 comments
12,722 users