Проблема с изменением размера HTML-элементов div в соответствии с разрешением экрана

Question

Я пытаюсь изменить размеры элементов экрана, в основном тегов div, left, top, width, height, указав все значения в% age. Кажется, работает, но с одной проблемой.

я вычисляю ширину из фактической (px / ширина экрана) * 100 и высоту по (px / высота экрана) * 100 Теперь, поскольку высота и ширина ограничены шириной и высотой экрана, если соотношение сторон остается неизменным при любом разрешении, оно работает.

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

Или это я тоже должен вычислить высоту относительно экрана или наоборот ??

Answer 1

Я не знаю, о каких видео вы говорите, но обычно лучше писать независимый от размера экрана веб-интерфейс. Вы должны учитывать наименьший общий знаменатель, который вы хотите поддержать, и теоретически он должен работать для всех выше.