With media parameter removed and @media used in the CSS for this link:
<link href="http://givemethatmountain.org/stylesheets/site-desktop.css" media="screen and (min-device-width: 768px)" rel="stylesheet" type="text/css">
the mobile version is displayed on the desktop.
When I enclose any one of the following CSS files in Minimee tags mobile devices display the desktop version:
<!--[if lt IE 9]> <link href="http://givemethatmountain.org/stylesheets/site-desktop.css" media="screen" rel="stylesheet"> <![endif]-->
<!--[if lt IE 9]> <link href="http://givemethatmountain.org/stylesheets/ie.8.css" media="screen" rel="stylesheet"> <![endif]-->
<!--[if lt IE 8]> <link href="http://givemethatmountain.org/stylesheets/ie.7.css" media="screen" rel="stylesheet"> <![endif]-->
When I enclose this CSS file in Minimee tags the fonts are messed up on the desktop version:
<link href="http://givemethatmountain.org/stylesheets/reset.css" media="all" rel="stylesheet" type="text/css">
When I enclose this CSS file in Minimee tags the site renders properly but the page loads slower.
<link href="http://givemethatmountain.org/stylesheets/site-mobile.css" media="all" rel="stylesheet" type="text/css">
When I enclose this CSS file in Minimee tags the site renders properly but the page loads slower.
<link href="http://givemethatmountain.org/stylesheets/site-desktop.css" media="screen and (min-device-width: 768px)" rel="stylesheet" type="text/css">
I’m not getting anywhere. Do I have the wrong application for Minimee?
Thanks,
MikeCJ
|