skillup

技術ブログ

デザイン

スマホサイト対策全般

投稿日:

スマホ対策のデザインに関するチェックリスト。

viewport

まずは横幅などがおかしくないかの確認

コピペで済ませていませんか?改めて学び直したい「Viewport」のすべて

実践!スマホサイトのviewport設定

横のはみ出しチェック

幅が100%超えないように下記のcssを追加

スマホサイトの横ぐらつき ~border-size:border-boxigについて

画像や文字などではみ出している要素がないかチェック。

メディアクエリ

幅によってある程度のコントロールを。

iPhone/iPad/Apple Watch解像度(画面サイズ)早見表

Media Queriesの基本的な実用方法と書き方

他にも随時追加予定

-デザイン
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

flexについて

CSSのflexをちょこちょこ使ってます。 以前下記リンクで超簡単なサンプルは動かしましたが、実践的なことは何もやっていませんでした。 css flexbxについてどんなことができるのか 使って思った …

no image

positionを使うときに注意すること

positionを使ったときに色々なまとめ。 親>子>孫だったときに親がrelative、子、孫がabsoluteだと孫の基準点は子になる(ソース参照) position:absolute …

no image

css写経学習で感じたこと

こっちのブログでも書いてますが、CSSを最近写経してて気づいたことがいろいろあるんでメモリます。 常時追加予定。 Contents1 全体2 レスポンシブ3 レイアウト4 list系5 display …

no image

テンプレートエンジンTwigについて

SmartyにかわるテンプレートエンジンとしてTwig(ツィッグ)を勉強中。 といってもテンプレートエンジンなので基本的なことはほとんど一緒っぽいですが。 Contents1 インストール2 基本的な …

no image

Bootstrapまとめ 主に段組み関連の知識について

自分はデザインセンスが壊滅的なので、Bootstrapにいろいろと頼っております。 最初は仕事でちょこっと使う機会があり、見よう見まねでやっていましたが、理屈がわからないと応用がきかないこともあるため …

アーカイブ