お仕事のご依頼や採用についてなど、お気軽にお問い合わせください。デザインbackground-size(CSS3)の注意点[iOS7、iPhone、iPad]今更ながら、スマホサイト制作にて、メニューのアイコンが大きいまま表示されていた件があったのを思い出したので、その時調べた事を備忘録として。様々な解像度(例:Retina)に対応させるため、アイコンの表示領域が縦16px、横16pxだとしたら、縦32px横32pxで作成していると思います。そのまま使うと大きいままなので、CSSで、表示サイズを指定します。16px;[/css]表示例で、ここで注意点があります。逆に書いてしまうとbackground-sizeが効かないようになっています。no-repeat;[/css]表示例これはiOS7レコメンダエンジンから、backgroundのショートハンドがCSS3対応になったためです。no-repeat;[/css]を後述する事で、backgroundで省略した初期サイズが適用されてしまうという事です。共通セレクタを使う際は、後述のクラスでショートハンドを使用しないように注意しながら作成しましょう。気に入った物件はその場で閲覧・印刷へ。USお仕事のご依頼や採用についてなど、お気軽にお問い合わせください。