Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS Media Query not working for iPad recently
    primarykey
    data
    text
    <p>I have been using some media queries for the i Pad and they were working fine until two,three day ago. But they just stop working. My i Pad is not recognizing the media queries while they are still working in <strong>Firefox native responsive design test view</strong> and other online websites to check the responsive designs. My initiative queries are with view port in header </p> <p><strong>HTML</strong></p> <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2"/&gt; @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { //for landscape @media screen and (min-width: 755px) and (max-width: 1024px) and (orientation : Portrait) //for portrait. </code></pre> <p><strong>Then tried these ones too</strong></p> <pre><code>@media screen and (min-device-width: 768px) and (orientation:portrait){ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { </code></pre> <hr> <pre><code>@media screen and (min-device-width: 1024px) and (orientation:landscape){ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { </code></pre> <p>//Also in addition i tried the other view port meta tag too like </p> <pre><code>&lt;meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=2"/&gt; </code></pre> <p><strong>But no luck</strong></p> <p>I don't know where I am doing mistake but this kind a important. Please help any kind of help will be appreciated </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload