ホームページ >バックエンド開発 >PHPチュートリアル >モバイルブラウザでの画像の表示サイズに関する問題

モバイルブラウザでの画像の表示サイズに関する問題

WBOY
WBOYオリジナル
2016-06-13 12:06:211563ブラウズ

モバイルブラウザでの画像の表示サイズの問題について
携帯電話の解像度は720*1280です。そこで、screen.widthを使ってモバイルブラウザで表示したところ、やはり720でした。

写真を追加しました。写真のサイズは 638*882 です。その結果、写真の幅がすべて表示されず、一部のみが表示されます。後で、写真を 360*(高さ)に変更しました。その結果、ブラウザのインターフェースでは幅が正確に表示されるようになります。

すみません、この解像度はどのように計算されますか?
------解決策のアイデア----------------------

<br /><br />//加上这句<br /><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /><br /><br />

------解決策----------------------
自動的に減額されたということでしょうか?それとも拡大されているのでしょうか?

-----解決策のアイデア----------------------
まだよくわかりません具体的なパフォーマンス。
画像が半分しか表示されないのは、画像が半分しか表示されていないからでしょうか?それとも画面の半分しか占めていませんか?それとも両方ですか?
まず、問題を正確に説明してください。 。 。 。
------解決策----------------------
JavaScript は画像の現在のサイズを調べます、周囲の要素の境界線、パディングなど。ボディの外側の間隔と内側の間隔を含む
ボディにはデフォルトで内側と外側の間隔があります

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。