参考 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> ロールオーバーは考えない スマホサイトはオンマウスによってhoverやロールオーバーの効果が使用できません。 jQueryなどを用いてタップした時にボタンの色を変える演出は可能です。 画像表示 CMSの利用でPCサイトで使う画像をそのままスマホサイトにも使用せざるを得ない時、幅が画面をはみ出してしまうのを回避する為、下記をCSSに記載します。 img { max-width:100%; height:auto; } 画像は写真以外はどんどんPNGを使用する スマホは問題なくPNGが表示される上に、PNG-8であればGIFよりも軽く書き出すことができる。 アイコンなどの画像は倍のサイズで作成しているはずなので、コーデ
![スマホサイト制作の基礎知識まとめ | Web技術Tips | ホームページ制作のDOE【横浜】](https://cdn-ak-scissors.b.st-hatena.com/image/square/d2650fba9c3281ada3c0e672f1fc3629804fee00/height=288;version=1;width=512/https%3A%2F%2Fwww.doe.co.jp%2Fwp-content%2Fuploads%2F2022%2F04%2Fcategory_05_l.png)