iPhoneで絶対に横向きのウェブページを作る - Yusuke Sugomori's Blog
iPhoneのネイティブアプリでは画面方向を縦あるいは横方向に固定できますが、Safariでは、画面の回転を防ぐ方法がありません（注１）。 そのためかは分かりませんが、PCではよく見かける横スクロールのサイトを、モバイルでは見かけません。 そこで、iPhoneの向きによらず、「絶対に横向きになるウェブページ」を作ってみました。横スクロールができるようになっています。 サンプルはこちらです。iPhoneの向きを変えて試してみてください。 画面の向きによらずスクロールを実現するために、CSS3の -webkit-transform の rotate や translate3d(x, 0, 0) を使っています。 回転によってCSSファイルを分けることによりスクロール以外の動きをCSS3のみで記述することも可能ですが、振り分けが面倒だったので、JavaScriptでCSS部分も制御しています。
METAタグリファレンス
METAタグはHTML文の<head>～</head>間に挿入し、HEADタグ要素ではサポートされない付加的情報の記載をします。META要素はプロパティとその値の指定の組み合わせで使用されます。プロパティには「http-equiv」、「name」があり、値の指定は「content」で行います。他にもプロパティ値の解釈に用いるべきスキームの名前を示す「scheme」というプロパティもありますが、あまり一般的ではありません。METAタグは幾つ入れても構いませんが、使用しなくても特に問題はありません。また、ブラウザによっては対応していないものもあります。 文字コード（MIMEタイプや文字符号化方法）を指定するときに使われます。文字コードがSJIS(シフトJIS、通常WindowsシリーズやMacintoshで使われる日本語)の場合は上記のように書きます。これを入れることにより文字化けがなくなりま
iPhone/iPad/Apple Watch解像度(画面サイズ)早見表 - Qiita
用語解説 ポイント boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。 ピクセル 描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。 デバイス 端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。 このサイトの解説がわかりやすいです。 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions 拡大モード iPhone6, 6 Plusでは、画面設定から拡大モードが選択できます。 上記の表にまとめた通り、retinaの倍率はそのままで、ワンサイズ小さいiPhone相当のポイント数になります。 iPho
ri-mode.com - このウェブサイトは販売用です！ - ri mode リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
