こんにちは、プロダクト開発チーム エンジニアの森永です。 以前の記事「モバイルファーストの時代。スマートフォン用ブラウザは2017年以降どうなる?」でも書きましたように、Webサイトの作成においてはモバイル用サイトを重視する傾向が強まってきております。 スマートフォン用ブラウザの機能もPC用ブラウザと比べて遜色ないレベルに近づいてきており、画面サイズに気をつければHTMLやCSSのコーディングは同じ感覚で出来るようになってきています。 しかしながら、PCで確認すると問題ないのにスマートフォンで見ると想定していた表示と異なっていたり画面が崩れていたりすることもまだしばしば発生することが現実問題として多々あります。 今回は、iPhone でCSSコーディングを行って実際に発生した3つの事例、およびその対応策について紹介いたします。 入力フォームなどのボタンが PCや Android スマートフ
![意外な落とし穴!?CSSコーディングにおける iPhone での注意点・3つの事例 | SiTest (サイテスト) ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7bf6ec6c79f41e224a8c819e4dec83583549d75e/height=288;version=1;width=512/http%3A%2F%2Fsitest.jp%2Fimages%2Fsitest-ogp.png)