If I use this code

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" media="screen and (orientation: portrait) and (max-width:640px), projection" "href=»style.css" /> <link rel="stylesheet" media="screen and (orientation: portrait) and (max-width:1024px), projection" "href=»style.css" /> <link rel="stylesheet" media="screen and (orientation: portrait) and (min-width:1280px), projection" "href=»style.css" />

Will the browser download all CSS files or just under the necessary resolution?

If yes, then tell me the solution, I will be very grateful

  • I'm not so perverted, it's easier than usual media request @media screen and ( ){/*style*/} - user33274
  • So you need to transfer all the styles in @media? - TomasRedl
  • @TomasRendl of course - user33274
  • I just have a lot of JS where, and it would be more convenient to do, as I described. But worrying about the speed and weight of traffic pages users. - TomasRedl
  • Well, thanks, I’ll try using @media screen to implement the template - TomasRedl

0