Responsive viewport units - destroy/dstorey
6 weeks ago by sunpig
Introducing vh, vw, and vmin
The vh unit stands for viewport height, vw for Volkswagen viewport width, and vmin represents whichever of vh or vw is the shortest length.
css
viewport
unit
responsive
height
width
proportion
grid
design
webdev
frontend
The vh unit stands for viewport height, vw for Volkswagen viewport width, and vmin represents whichever of vh or vw is the shortest length.
6 weeks ago by sunpig
Height matters! – Anders M. Andersen
february 2012 by sunpig
Show some love to the vertical; consider "max-height" as part of your media queries: (Especially for landscape mode!)
mediaqueries
media
query
vertical
horizontal
maxheight
max-height
height
width
landscape
portrait
tall
responsive
adaptive
design
layout
february 2012 by sunpig
related tags
adaptive ⊕ address ⊕ ala ⊕ alistapart ⊕ android ⊕ app ⊕ aspect ⊕ bar ⊕ bennadel ⊕ box ⊕ box-sizing ⊕ center ⊕ centre ⊕ clagnut ⊕ code ⊕ css ⊕ design ⊕ desktop ⊕ dimension ⊕ element ⊕ ellipsis ⊕ example ⊕ expand ⊕ fixed ⊕ font ⊕ form ⊕ framework ⊕ frontend ⊕ full ⊕ fullscreen ⊕ grid ⊕ height ⊖ home ⊕ homescreen ⊕ horizontal ⊕ html ⊕ ios ⊕ iphone ⊕ jamespearce ⊕ javascript ⊕ jqm ⊕ jquery ⊕ js ⊕ landscape ⊕ layout ⊕ line ⊕ line-height ⊕ lines ⊕ margin ⊕ max-height ⊕ maxheight ⊕ media ⊕ mediaqueries ⊕ meta ⊕ mirror ⊕ mobile ⊕ padding ⊕ portrait ⊕ property ⊕ proportion ⊕ pseudo-element ⊕ query ⊕ ratio ⊕ responsive ⊕ richardrutter ⊕ screen ⊕ sencha ⊕ size ⊕ standalone ⊕ style ⊕ table ⊕ table-layout ⊕ tables ⊕ tall ⊕ textarea ⊕ thierrykoblentz ⊕ type ⊕ typography ⊕ unit ⊕ unknown ⊕ vertical ⊕ vertical-align ⊕ viewport ⊕ web ⊕ webdev ⊕ width ⊕Copy this bookmark: