Может ли функция абсолютного разделения в адаптивном дизайне

Question

Я начал разрабатывать веб-сайт по фотографии и включил логотип с абсолютным позиционированием в верхнем левом углу. Область состоит из абсолютно расположенного элемента div и изображения внутри элемента div.

Мне было интересно, смогу ли я создать этот абсолютный элемент div и логотип, уменьшив его в зависимости от размера экрана.

Кто-нибудь может помочь? Вот ссылка, чтобы вы могли видеть, с чем я имею дело:

http://www.photographybytaraandclaire.com/newsite/index.html

Answer 1

При работе с адаптивным дизайном вы должны работать с процентами.

Если вы хотите рассчитать, какой процент ширины должен иметь ваш логотип, вы можете использовать.

Logo width / Wrapper width * 100

Ширина обёртки - это ширина обёртки в вашем дизайне, а не полная страница.

Answer 2

вы можете попробовать указать ширину изображения в процентах, а не высоту, чтобы сохранить соотношение / соотношение.

<img src="..." style="width:15%" />