WEBSTANDARDS Archives

UofMN Web Standards

WEBSTANDARDS@LISTS.UMN.EDU

Options: Use Forum View

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:
Jeremy Casper <[log in to unmask]>
Reply To:
UofMN Web Standards <[log in to unmask]>
Date:
Wed, 25 Jan 2012 12:44:42 -0600
Content-Type:
multipart/alternative
Parts/Attachments:
text/plain (1351 bytes) , text/html (1828 bytes)
Erik,
Try putting in some javascript real quick to have it return what the device width is, it might be coming out higher than you're expecting and causing the mobile sheets not to load. Might also want to look at using screen width instead of device width.

-Jeremy J. Casper
[log in to unmask]
University Relations


On Jan 25, 2012, at 12:30 PM, Erik Schumann wrote:

> 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