How to disable zoom on window phone 8

StackOverflow https://stackoverflow.com/questions/23474237

質問

i have a simple page which can be zoomed over the window phone, however i want to lock the zoom. any help how can i prevent webpage from zoom over window phone 8

here is the code

<html>
<head>
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title>HI there</title>
    <script type="text/javascript" src="jquery.js" ></script>


</head>



<body>
    <div style="width:100%; height:100px; background:red;">
        hi this is just the sample
    </div>
</body>


</html>
役に立ちましたか？

解決 

<head>

    <title>HI there</title>
    <script type="text/javascript" src="jquery.js" ></script>
<!-- add the viewport tag -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <style>
/* not needed      @-ms-viewport{
    width: device-width;
                   } */
    </style>


</head>

add initial-scale=1, maximum-scale=1, to the viewport tag in the head

他のヒント

Have you tried adding maximum-scale=1 to that meta tag? See https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag for more info.

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top