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

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

WBOY
リリース: 2016-06-13 12:06:21
オリジナル
1561 人が閲覧しました

モバイルブラウザでの画像の表示サイズの問題について
携帯電話の解像度は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 は画像の現在のサイズを調べます、周囲の要素の境界線、パディングなど。ボディの外側の間隔と内側の間隔を含む
ボディにはデフォルトで内側と外側の間隔があります

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート