css - Complex Media Query -


as always, help.

i'm trying write complex media query , wondering if out there help.

  • i want use small.css devices have either width or height less 640px in either orientation
  • i want use large.css devices have have width , height greater 640px

here's part that's got me - want break rules above , use

  • large.css if device landscape , has width greater 639px
  • small.css if device portrait , has width less 640px

here's have right now

  "only screen , (min-device-width:320px) , (max-device-width:639px)"    "only screen , (min-device-height:320px) , (max-device-width:639px)"   "only screen , (min-device-width:640px)" 

any appreciated!

thanks

rich

the device landscape , has width greater 639px

<link rel="stylesheet" media="screen , (orientation:landscape) , (min-device-width: 639px" href="large.css" /> 

the device portrait , has width less 640px

<link rel="stylesheet" media="screen , (orientation:portrait) , (max-device-width: 640px" href="small.css" /> 

Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -