What happened in the case I mentioned was that we had a media query for max-device-width of 1024, intended for iPad. When a user hit this site on a laptop, lets say, that had the resolution set to 1024, they got the iPad queries. And thus were not seeing things that a desktop user should see. Did we not do something right in setting up the media query?We used: @media screen and (max-device-width: 1024px) and (orientation:portrait){...styles hiding content ...} @media screen and (max-device-width: 1024px) and (orientation:landscape){...styles hiding content ...} I could recreate the above problem in my office...
I think that being the case [ desktop gets version "a" while portrait/landscape tablets and mobile handsets gets version "b" you may need a different address for each.
a/ desktop gets: http://bono4u2.html .[html extension] with a pointing link to the tablet/handset address b/ portrait/landscape tablets as well as mobile handsets and mobile handsets version : http://bono4u2.mobi [.mobi extension] with a pointing link to the desktop address
There are obvious disadvantages to this imo but it is done and for some large sites the only practical way to solve the problem. I thought there might be a way to handle it from one address with browser sniffing/programming but that -- if possible -- is off-topic hereabout.
Either way, we remain "With Or Without You." Best, Bono 4 U2 -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
