YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Japanese subtitles

← Min and Max Scale - OSP

Get Embed Code
4 Languages

Showing Revision 1 created 05/19/2014 by K2480.

  1. minimum-scaleとmaximum-scaleの
    プロパティについて説明します
  2. 拡大縮小の倍率をコントロールするものです
  3. 難解に思われるかもしれませんが
    ぜひ紹介したい使用法があります
  4. iOSのinitial-scale設定の必要性を説明したので
  5. Androidについても公平に時間を使うようにします
  6. デバイスの幅より広いページを強制的に
  7. オーバーフローさせてこのような状態にします
  8. そして画面を回転させるとAndroidは
  9. 画面に全体が表示されるように
    サイズを調整しようとします
  10. ただ残念なことに
  11. 間違った方向にズームしてしまいます
  12. 私が見つけた唯一の解決方法は
  13. そもそもオーバーフローさせない
    ということを除いてですが
  14. minimum-scaleとmaximum-scaleのプロパティを
    1に設定することです
  15. これでユーザがズームすることも
  16. 自動でサイズ変更されることもなくなります
  17. ではデベロッパーツールで試してみましょう
  18. 画面を元に戻します
  19. もう一度横にすると横向きでも
    適切な幅で表示されています
  20. ここでの問題はズームが機能しないことです
  21. ズームを無効にするのは
  22. アクセシビリティの観点からも問題です
  23. 実際にサイトを作る際は避けましょう
  24. 基本はページをオーバーフローさせないことです