Geek asks and answers

CSS and Media Conditional Requests

<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="/assets/css/phone.css" />
    <link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 768px)" href="/assets/css/tablet.css" />

Above is my conditional CSS, it loads into one stylesheet for the phone and another for the tablet, but how can I get it to use the tablet stylesheet when viewed on a computer?

+3
source share
2 answers

Just the obvious answer, indeed, but a media query is the only thing that limits this stylesheet for use on tablets.

- ( ) CSS-; ; , , CSS , // . head, , .

, , , , , GUI, , . , ( dev) , , .

+3

, , , - "(min-device-width: 768px)" - 768 : , , , .. ( , , - , -, , , .)

, :
-, "", "" , " ..." , CSS . , " ...". ( CSS .)

-, CSS ( @media... [query]... {CSS statements;} ), - HTML CSS. CSS , -, ; .

-, "" , . - CSS, < link... - / CSS, CSS CSS, .

-, , " ". , , . ​​ . "Viewport" "meta", "" , , , , .

( -, - . http://www.ckollars.org/alternative-to-media-queries.html)

0
source

More articles:


All Articles