somemo programming etc.

プログラマ、雑記、プログラミング関係はLinkから、数式はこっちでまとめていることが多い

【html5】モバイル端末向けのページのレイアウト

スマートフォンなどのモバイル端末向けのページのレイアウトに関するメモです。

viewport

The <meta name="viewport"/> meta tag can be used to control how HTML content will appear in mobile browsers. It contains a comma-separated list of properties in the form name=value as in:

viewportというメタ設定にて、幅や高さをdeviceに合わせたり、拡大・縮小の上限下限を設定することができるようです。スマートフォンやタブレットもっていないのですが、端末を縦から横にしたときに表示されている向きが変わったり?、親指と人差し指で広げたり縮めたりということに関係します。

metaタグ自体はSEO関連で使うことしか知らなかったので、レイアウトに関することに使ったりするのはびっくりでした。W3Cもまじまじと見るのははじめてでした。

スマートフォン向けの勉強

サーバサイドのphpもいいけど、スマートフォン向けにも使えるJavascriptは言語仕様が面白いので早くがっつり触ってみたいです。

参考