モバイルブラウザでの画像の表示サイズについて

携帯電話の解像度は 720*1280 です。次に、screen.width を使用してモバイルブラウザに表示しましたが、やはり 720 でした。

ここで、638*882 のサイズの画像を追加しましたが、画像の幅が表示されませんでしたが、画像の一部のみが表示されました。その後、画像を 360* (高さ) に変更したところ、ブラウザーのインターフェイスに幅が正確に表示されました。

すみません、この解像度はどのように計算されますか?

ディスカッションへの返信(解決策)

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

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

----------------------------- --- --------------------------------------------------- --- -----------------------------

次の文があります:

自動的に縮小されたということですか？それとも拡大されているのでしょうか？

一部しか表示されていないので、高さは100%ですか？

一部しか表示されていないので、高さは100%ですか？

------------------------------------------------ ------------------------
どちらでもない。
画面の解像度が 480*800 であるとします。
QQ を使用して写真を撮りましたが、これも 480*800 でした。Web ページが表示されたとき、長さと幅は 100% ではなく、半分しか表示されませんでした。計算上、画像を320*533に変更すると、ほぼ正確に表示されました。
画面が 720* の場合。 。 。はい、画像の幅は約 360 です。

この理由は今のところわかりません。

自動的に減額されたということですか？それとも拡大されているのでしょうか？

------------------------------------------------ ------------
これ…拡大するか縮小するかで言うと、画像が拡大されるんです~~
画面:480*800
写真QQスクリーンショット:480*800
携帯電話で閲覧 デバイス上の表示は不完全です。

具体的な性能はまだ分かりません。
写真が半分しか表示されません。それとも画面の半分しか占めていませんか？または両方？
まず問題を正確に説明してください。 。 。 。

具体的な性能はまだ分かりません。
写真が半分しか表示されません。それとも画面の半分しか占めていませんか？または両方？
まず問題を正確に説明してください。 。 。 。

------------------------------------------------ -------------------------------------------------- --------
写真の一部のみが表示されていますが、この部分はすでに携帯電話の画面を埋め尽くしています。

JavaScript は、画像の現在のサイズ、周囲の要素の境界線、パディングなどを調べます。ボディの外側の距離と内側の距離を含みます
ボディにはデフォルトで内側の距離と外側の距離があります

元の投稿者は、携帯電話の画面解像度がブラウザの表示領域の解像度と同じではありません〜。 〜

投稿者 。