WEBSTANDARDS Archives

January 2012

WEBSTANDARDS@LISTS.UMN.EDU

Options: Use Monospaced Font
Show HTML Part by Default
Show All Mail Headers

Message: [<< First] [< Prev] [Next >] [Last >>]
Topic: [<< First] [< Prev] [Next >] [Last >>]
Author: [<< First] [< Prev] [Next >] [Last >>]

Print Reply
Subject:
From:
Erik Schumann <[log in to unmask]>
Reply To:
UofMN Web Standards <[log in to unmask]>
Date:
Wed, 25 Jan 2012 12:30:41 -0600
Content-Type:
multipart/alternative
Parts/Attachments:
text/plain (899 bytes) , text/html (1194 bytes)
Hi everyone,

Our office is developing a mobile version of our site. I'm using the
following media queries to load our mobile styelsheet for
phones/smartphones.

*<meta name="viewport" content="initial-scale=1, maximum-scale=1,
user-scalable=0"/><!-- prevents the cell phone browser from zooming out on
the page. -->
<link rel="stylesheet" media="screen and (max-device-width: 480px)"
type="text/css" href="mobile2.css" />
<link rel="stylesheet" media="only screen and (max-device-width: 480px)"
type="text/css" href="mobile2.css" /><!-- for iphone -->*

I'm using emulators to test on the various browsers (iphone, Android,
Opera, Firefox, etc.). I've run into an issue where the mobile stylesheet
doesn't load on Firefox mobile or iphone. All the others work fine. Anyone
else have this problem or know of a solution?

Thanks much,
Erik

-- 
*Erik Schumann*
Graphic Designer
University Policy Program
University of Minnesota


ATOM RSS1 RSS2