エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
リキットじゃないレスポンシブサイトを画面にフィットさせるメモ│VAST.BZ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
リキットじゃないレスポンシブサイトを画面にフィットさせるメモ│VAST.BZ
リキットでないレスポンシブサイトをタブレットなどで表示すると 画面の右側が切れてしまう場合がある。... リキットでないレスポンシブサイトをタブレットなどで表示すると 画面の右側が切れてしまう場合がある。 例えばこんな場合の時 ・ブレイクポイントは640px ・PC版のコンテンツ幅は1000px ・PC版はリキットレイアウトではない。 これを画面サイズ768pxのタブレット端末で表示した場合、こんな感じになる。 これはサイトのコンテンツ幅がdevice-widthより大きい場合に発生する。 ピンチで縮小すれば問題なくフィットして見れるけど どうせなら表示した際にデフォルトで画面にフィットさせたい。 jsやらphpやらで読み込んだ端末ごとにviewportを動的に書ればいいかと思ったけど Androidだとviewportのwidth指定が効かない端末もあるらしく却下。 じゃあ無理矢理CSSでズームさせりゃいいやって事で↓こうする。 $(function() { var agent = navi