All geek questions in one place

IOS screen settings

I am creating a special web application for the iPad. I'm currently trying to adjust the page width and viewport options to optimize the site.

I am trying to ensure that the web application is displayed in full screen mode in both landscape and portrait modes without scaling the user and without empty areas to the left and right of the content.

I can achieve this with

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

and

max-width:1024px;
min-width:768px;

Then the problem is coding all my CSS for a variable width. I would prefer to have a single css width so that I can correctly encode the width of the page elements.

So, if I installed css to have one width, I cannot get the viewport settings correctly! When I open the page in the portrait with these settings:

<meta name="viewport" content="width=device-width,user-scalable=no" />

. , . , . ! , - .

, ! - ? iPad ( v2), iOS, xcode - , !

.

+3
1

, , . , . iPad, , ?

<body onorientationchange = "updateView();">

<script>
    function updateView()
    {
        switch (window.orientation)
        {
            case 0: // Portrait
                break;
            case 90: ; // Landscape
                break;
            case -90: ; // Landscape counterclockwise
                break;
        }
    }
</script>
+1

Source: https://habr.com/ru/post/1784729/

More articles:


All Articles