Wednesday, August 1, 2012

значения ширины экрана для media queries в css


  1. /* телефон в вертикальном положении и прочее */
  2. @media (max-width: 480px) { ... }
  3.  
  4. /* телефон в горизонтальном положении или планшет в вертикальном */
  5. @media (max-width: 767px) { ... }
  6.  
  7. /* планшет в горизонтальном положении или маленький настольный компьютер */
  8. @media (min-width: 768px) and (max-width: 979px) { ... }
  9.  
  10. /* большой стационарный компьютер и выше */
  11. @media (min-width: 1200px) { ... }

Отсюда: http://twitter.github.com/bootstrap/scaffolding.html