Автоматическое изменение размеров изображения в перетекающем макете CSS для моделирования сервировки HTML
При создании кода подтверждения у Вас есть доступ к номеру телефона вызывающей стороны?
Раз так я использовал бы номер телефона вызывающей стороны и выполнил бы его через своего рода хеш-функцию так, чтобы можно было гарантировать, что код подтверждения, который Вы дали вызывающей стороне на шаге 1, является тем же, что они входят в шаг 2 (чтобы удостовериться, что они не используют код доступа друга, или они просто высказали очень удачное предположение).
О хешировании, я не уверен, возможно ли взять 10 чисел цифры и выпустить результат хеша, который был бы < 10 цифр (я предполагаю, что необходимо было бы жить с определенным количеством коллизии), но я думаю, что это помогло бы гарантировать, что пользователь - то, кто они говорят, что они.
, Конечно, это не будет работать, если номер телефона, используемый на шаге 1, будет отличаться, чем тот, они звонят от в шаг 2.
2 ответа
A quick test shows that this:
<img class="test" src="testimage.jpg" />
combined with:
img.test { width: 50%; }
Resizes the way you probably want. The image dutifully resized to 50% the width of the box containing it, as well as resizing vertically, maintaining the aspect ratio.
As for resizing based on vertical changes, it doesn't work the way you would like, at least not consistently. I tried:
img.test { height: 50%; }
In current Google Chrome (2.0.172), it resizes somewhat inconsitently; the sizing is correct but does not update after every window drag. In current Firefox (3.5), the height seems to be ignored completely. I don't have any remotely recent IE, Safari, etc to test. Feel free to edit in those results. Even if those do well its still probably something you want to avoid, and stick with width.
EDIT: Чтобы это работало, все элементы, содержащие img.test, должны иметь размер в процентах, а не статически.
Подумайте об этом так:
- body составляет 100% размера окна.
- img составляет 50% от размера окна. body.
- img составляет 50% от размера окна.
Теперь предположим, что я добавляю div. вот так ...
<div class="imgbox" style="width: 100px;">
<img class="test" src="testimage.jpg" />
</div>
Тогда
- тело составляет 100% от размера окна.
- div составляет 100 пикселей, без учета ширины тела.
- img составляет 50% от div.
- img составляет 50 пикселей, независимо от размер окна.
Если div имеет «width: 100%», тогда логика работает так же, как и раньше. Пока это какой-то процент, а не фиксированный, вы можете поиграть с процентом в img и заставить его работать с желаемым размером.
немного догадываюсь, так как мой CSS - мусор, но поскольку никто не отвечает, как насчет установки% ширины или высоты или и того, и другого в изображении так, чтобы оно составляло процент от его родитель. не знаю?