質問: ### 前提・実現したいこと chromeの開発者ツールでスマホの検証をした際に、画像をくっきりさせる方法を知りたい。 もしくはchromeの開発者ツールだとバグがある、など知りたい。 ※スマホ専用ページです。 ### 発生している問題・エラーメッセージ viewportを入れない場合に chromeの開発者ツールで確認すると画像がくっきりと見え、 viewportを設定()すると chromeの開発者ツールで確認すると画像が若干ぼやけて見えます。 ※chromeの開発者ツールではiphone6に設定しても、Galaxy S5やNexus 5Xに設定してもぼやけて見えます。 実機(iphone6とXperia)、firefoxとIEの開発者ツールではボケなく問題なく表示されています。 前回まで対応していた制作会社がviewportを入れておらず、 iphoneとandroid機でテキストサイズが合っていなかったため今回入れたところ、 chromeの開発者ツールで見た際にボケて見えると指摘が入りました。 chrome固有のバグでしょうか... 何かご存知の方がいらっしゃいましたらお伺いできましたら幸いです。 ### 補足情報(言語/FW/ツール等のバージョンなど) html5 css3です。 chromeはバージョン: 59.0.3071.115
回答: 開発ツールはあくまで仮想イメージとしてブラウザの機能で表示してくれているだけなので、 本来は実機で確認してOKとすべきと思います。 実機では問題ないようですし。