ID:Q52GLj さんの質問

viewportの指定をいつも以下のように記述しています。
<meta name="viewport" content="width=device-width, initial-scale=1">

たまに、
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
と、minimum-scale=1も記述しているのを見かけますが、このminimum-scale=1は必要なのでしょうか?
どちらも表示と拡大縮小の動作は変わらないと思うのですか。

みんなの回答 2 件

ID:uUP7Ux さんの回答

試してないけどminimum-scale=1付けると、ピンチインできないんじゃないかな。付いてないとデフォ値(0.25倍)までピンチインできると思う。

ID:Q52GLj

付けててもピンチインできました。ピンチインしたサイズで固定はできなくて戻りますが。。

ID:7RZiSE

検証終了。
1【width=device-width, initial-scale=1】 ⇒ 初期表示がデバイス幅なので表示画面以上は縮小できない。
2【width=device-width, initial-scale=1, minimum-scale=1】⇒intialとminimumを同時に設定すると仕様で縮小できないが1と動作は同じ
>
> ピンチインしたサイズで固定はできなくて戻りますが。。
iOSだとuser-scalable=noを設定しないとピンチインができてしまう。(※しかし表示画面以上に縮小できないので離すと戻る)

ID:Q52GLj

なるほど、分かり易くありがとうございます!
ピンチインできるのがiOSの仕様とは気付きませんでした。どうもありがとうございました。

ID:RjJXo2 さんの回答

最少倍率の設定やで。

最終更新日:2016-08-31 (1,088 views)

関連するトピックス

ページ上部に戻る