ios 7 media queries landscape

A

admin

Administrator
Staff member
I am having a strange problem on IOS7 browsers (safari and chrome).

When I am in landscape, the media queries do not work and the width/height (given from
Code: 
$(window).width()
and
Code: 
$(window).height()
respectively) are: 768/519 instead of 1024/672 px that usually was showing in ios6 safari and chrome.

In portrait, it is 768/927 which is correct.

Has anyone else found that bug/quirk and/or workaround?

<strong>* Update *</strong>
This is my header code (along with wordpress code):

Code: 
&lt;meta content='True' name='HandheldFriendly' /&gt;
&lt;meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' /&gt;
&lt;meta name="viewport" content="width=device-width" /&gt;
&lt;meta name="format-detection" content="telephone=no"&gt;
&lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
 
You must log in or register to reply here.