<img>
デバイスの画面サイズに関係なく、実際の単位 (cm または mm) で特定の高さがあることを確認しようとしています。
だから私のCSSルールは
img.class_of_image
{
height:34.3mm
}
私のPCでも動作します。しかし、モバイル デバイス (非常に小さいもの) でページにアクセスすると、高さは 25 mm のように表示されます。
この問題を解決するにはどうすればよいですか?
このタグを内部に追加しました<head>
:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
デモはこのリンクにあります: http://webtasarimveprogramlama.com/cetvel/alternatif-1/
テストに使用しているデバイスは次のとおりです。Samsung Galaxy Young S5360
編集
このサイトで URL をテストしました: http://www.brickandmobile.com/mobile-emulator/
Galaxy Noteの高さを30mmとしてレンダリングするので、明らかに何か問題があります.
高さのルールは、デバイスのサイズに合わせて「スケーリング」しますが、これは望ましくありません。
編集2:
本当に?とんでもない ?私はjQueryまたはその他のソリューションを受け入れています。img が特定のサイズであることを確認する方法が必要です。無理だなんて言わないでください:)