-
ID:zmvDOV さんの質問

【レスポンシブデザイン】ブラウザを縮小してそのまま見た場合と、Chromeのデベロッパーで見た場合の違いについて

現在レスポンシブデザインに対応したwebサイトを制作しています。

ブラウザを縮小して見た場合と、Chromeのデベロッパーで見た場合(スマホサイズ)で全体のサイズ感が異なって表示されてしまいます。

ブラウザを縮小して見た場合は、文字やナビゲーションが思い通りのサイズになってくれるのですが、
Chromeのデベロッパーで見た場合ナビゲーションなどがすごく小さくなってしまいます。

Chromeのデベロッパーで見た場合に合わせてナビゲーションのサイズを調整すると、
ブラウザで見た場合のナビゲーションが凄く大きくなって表示されてしまいます。

.slicknav_menu {
width: 100%;
font-size: 2em;
box-sizing: border-box;
background: #F7B80C;
padding: 4.5px; }

解決策を教えて頂けますと幸いです。
宜しくお願いいたします。

みんなの回答 2 件

ID:vR3tgr さんの回答

ttp://qiita.com/sukobuto/items/51bb471d2c8ecdb5407b
この辺の問題でしょうか。

ID:n/5COd さんの回答

ちいさいウィンドウでChromeのデベロッパー起動するとウィンドウに合わせて縮小されてることあるけど、そういうことではないのかな。
最新のChromeだと上のバーに表示倍率を選べるところがあるけど、たまに勝手に「83%」とかになってる

最終更新日:2016-06-02 (1,305 views)

関連するトピックス

ページ上部に戻る