スマホ版Chrome PC版で表示でレイアウトが崩れる際のメモ

結論から書くと記述ミスなのですが

パソコン上からだと Chrome以外のブラウザでも表示は崩れず
AndoroidのChromeのPC版表示した際のみレイアウトが崩れるので
念のためのメモ

例えばこれですね。

980pxまでは hoge2.cssを読み込んで
それ以上の場合は hoge.cssを読み込んでね のつもりで書いたのですが

当たり前ですが
max-widthの数字かぶっちゃってるので 正しくは979pxですね

パソコン上からは特に問題なく表示されてるのでミスになかなか気づかなかったです。
また、シンプルなページ構成の物の場合はこの表記のままでも崩れがおこっていないので
最初は原因わかりませんでした。

後で見直したら簡単なイージーミス
何かの参考になればー ではではー



名古屋のホームページ制作会社 イラスト制作 ウェブアース
ホームページ制作 イラスト制作 アースエイジ総合サイト

Be the first to comment

Leave a Reply

Your email address will not be published.


*