みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

Androidでviewportがうまく効かない時は動的に設定すると解決することがある

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

と設定すると一部Androidで拡大された状態で表示されてしまうのですが、

<meta name="viewport" content="width=device-width"/>

メタタグの時点ではwidthのみ決めておき、

<script>
    document.querySelector("[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1, user-scalable=no");
</script>

scriptでuser-scalableを設定すると期待通りの動きになります。
Androidは不思議ですね。