作成した 某サイト、iPhone Safariでのみレイアウト崩れしていました。
商品番号が上の商品名とダブっています↓
レイアウト崩れしていたのは2ページだけでその他は大丈夫でした。
その2ページは商品紹介ページで、他にも商品紹介ページが1ページあったのですが
その1ページはレイアウト崩れしていません。
レイアウト崩れしている2ページと崩れていない1ページの違いは何かと
原因を探ったところ･･･
2ページに記載されている商品番号は10桁で
1ページのほうは4桁でした。
つまり、iPhone Safariが10桁の商品番号を電話番号だと認識して
10桁の番号に自動リンク（tel：･･･）させていたのが原因でした。
それで自動リンクしないように
<head>内に<meta name="format-detection" content="telephone=no">を追加。
レイアウト崩れが直りました。
いつもは<meta name="format-detection" content="telephone=no">を入れているのですが、
電話番号に自動的にリンクを貼ってくれれば楽かな？と思って
このサイトに限って入れなかったのが間違いでした。
