Home/ Questions/Q 7915287
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T14:24:29+00:00

Using media queries in the head of the index html doc, is it possible

  • 0

Using media queries in the head of the index html doc, is it possible to tell the visitors browser to use a separate style sheet independently of the original stylesheet?

Currently, what I use uses the mobile_specific stylesheet in addition to the original one which is becoming tricky to style.

<link type="text/css" media="screen" href="styles.css" rel="stylesheet">

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

So syles_mobile.css is used in addition to styles.css. How do I tell the browser to use ONLY “styles_mobile.css” and not both the stylesheets together?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add a media query to the regular stylesheet who is the oposite of your mobile query:

    <link rel="stylesheet" href="styles.css" media="only screen and (max-device-width: 480px)">

<link rel="stylesheet" href="styles_mobile.css" media="only screen and (min-device-width: 480px)">

    PS: I suggest you to use a standard order of attributes. And the type attribute is not required, as it has a default value of text/css with link and style elements and a default value of text/javascript on script elements.

    • 0