Jump to content

Bwild

Members
  • Posts

    1
  • Joined

  • Last visited

Bwild's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. having an issue linking to the style sheet, if i use the following code it works fine <link type="text/css" href="dsktop.css" rel="stylesheet">but if I try this it fails<link type="text/css" href="dsktop.css" rel="stylesheet" media="screen and (max-width:769px)" >or this<link type="text/css" href="dsktop.css" rel="stylesheet" media="screen and (max-device width:769px)" > it fails my goal here is to have the page load the appropriate style sheet depending on the screen size something like this<link type="text/css" rel="stylesheet" media="screen and (max-width:769px)" href="dsktop.css" ><link type="text/css" rel="stylesheet" media="only screen and (min-width:481px) and max-width:768px)" href="iphone.css"><link type="text/css" rel="stylesheet" media="only screen and (max-width:480px)" href="iphone.css"> on the other side of the coin - should I be using an @Media in cooperation with the @import statement within the main style sheet@media only screen and (max-width:480px) {@import url(iphone.css)} @media only screen and (max-width:480px) {@import url(iphone.css)}@media only screen and (min-width:481px) and (max-width:768px) {@import url(tablet.css)}@media only screen and (max-width:769px) {@import url(dsktop.css)} suggestions or ideas always welcomeThanks Bob
×
×
  • Create New...