Неправильная высота в миллиметрах в мобильном устройстве

Question

Неправильная высота в миллиметрах в мобильном устройстве

0

Я пытаюсь убедиться, что <img> имеет определенную высоту в реальных единицах (см или мм), независимо от размера экрана устройства.

поэтому мое правило css

img.class_of_image
{
 height:34.3mm
}

и он работает в -my-PC тоже. но когда я нахожусь на странице с мобильным устройством (действительно маленьким), высота составляет примерно 25 мм.

Как я могу решить эту проблему?

Я добавил этот тег внутри <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/

он делает высоту 30 мм для Galaxy Note, поэтому, видимо, что-то не так.

Правило высоты "масштабирует" с размером устройства, чего я не хочу.

Изменить 2:

В самом деле? Ни за что? Я открыт для jQuery или любого другого решения. Просто нужен способ убедиться, что img имеет определенный размер. Пожалуйста, не говорите мне, что это невозможно :)

jeff 05 окт. 2013, в 22:43

Источник

0

Проблема может заключаться в том, что устройство не отображает изображения точно по размеру.
Robert Harvey♦ 05 окт. 2013, в 20:21
0

Но не должно ли правило CSS накладывать размер изображения на устройство?
jeff 05 окт. 2013, в 20:22
0

Все еще зависит от устройства, чтобы масштабировать его должным образом. Вы сказали, что это действительно маленькое устройство; возможно, это один из компромиссов в дизайне, который приняли инженеры при создании устройства.
Robert Harvey♦ 05 окт. 2013, в 20:24
0

Я тестировал с эмуляторами, он имеет разную высоту в разных устройствах. Пожалуйста, смотрите мое редактирование.
jeff 05 окт. 2013, в 20:29
0

Как это изменит то, что я сказал?
Robert Harvey♦ 05 окт. 2013, в 20:31
0

Это не. Однако, если инженеры каждого устройства настроили его так, чтобы масштабировать изображения так, как они хотят, ну, как мне сделать так, чтобы изображение имело определенную высоту?
jeff 05 окт. 2013, в 20:33
0

Вы не можете быть в состоянии.
Robert Harvey♦ 05 окт. 2013, в 20:33

Показать ещё 5 комментариев

Теги:

html

css

responsive-design

media-queries

viewport

1 ответ

Ещё вопросы

Проблема может заключаться в том, что устройство не отображает изображения точно по размеру.
Но не должно ли правило CSS накладывать размер изображения на устройство?
Все еще зависит от устройства, чтобы масштабировать его должным образом. Вы сказали, что это действительно маленькое устройство; возможно, это один из компромиссов в дизайне, который приняли инженеры при создании устройства.
Я тестировал с эмуляторами, он имеет разную высоту в разных устройствах. Пожалуйста, смотрите мое редактирование.
Это не. Однако, если инженеры каждого устройства настроили его так, чтобы масштабировать изображения так, как они хотят, ну, как мне сделать так, чтобы изображение имело определенную высоту?

skimberk1 · Answer 1 · 2013-10-05T19-24-00.000Z

Блок CSS mm фактически не представляет реальные миллиметры, он просто представляет 3.78px.

Источник: http://css-tricks.com/the-lengths-of-css/.

Благодарю. Хотя это плохие новости, это помогает. Любая идея, как установить измерение в реальных единицах?