スマホ対応に役立つ。背景画像を縦横比そのままでレスポンシブ対応するためのCSSの書き方。 - YCOMのホームページの制作・運営に役立つブログ
ホームページのことを中心にためになるかもしれないことをいろいろと書いています。 ホームページ制作のことからSEOや広告、マーケティングの話まで思いついたことを語っています。 大阪のホームページ制作YCOMトップ ホームページ運営ブログ レスポンシブデザインでのホームページデザインは写真画像がデザインのキーを握ります。 かつてWeb2.0とか言われた時のようにボタンとかその他の装飾は使われなくなった。 より写真の重要性が増しています。 レスポンシブデザインにおいて画像の配置というのは、 単に写真を配置するだけなら、width:50%のように写真に幅を指定してやれば画面幅に従って画像が拡大縮小されるので簡単です。 もちろん高さも画像の縦横比を損なうことなく自動でリサイズされます。 ですが、背景に画像を含むdivのようなブロック要素などは縦幅は自動で調整されません。 どういうことかというと、 こ
background:fixedでの背景固定はiOS（iPhone）でうまく動かないのでこれを使いましょう - YCOMのホームページの制作・運営に役立つブログ
ホームページのことを中心にためになるかもしれないことをいろいろと書いています。 ホームページ制作のことからSEOや広告、マーケティングの話まで思いついたことを語っています。 大阪のホームページ制作YCOMトップ ホームページ運営ブログ 自宅もちょっと作業がしやすい環境になってきて、休日でもブログを書けるようになってきました。 休日は仕事しないって決めてるんだけど、ちょっと空いた時間とかにこうやってブログ書けるのが良い。 iOSではbackground-attachment:fixed;が効かない！？ ちょっとおしゃれなホームページを作ってくれと言われたら、 簡単にできるものとして背景固定のパララックス風のページデザインがあります。 こんなやつです。 Frankie's Sports Bar & Grill よくあるこんな感じの背景を固定して前面の要素だけが動くようなデザインですね。 シンプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
