css help

Question

How to set a universal size for an image, i mean 'width' and 'height'? so that the size is the same regardless of the user's screen...

Answer 1

Модно использовать медиа запросы или гибкие размеры. Например, проценты.
Проценты работают так: Весь экран = 100 процентов. А, например, содержимое = 10 процентам. Независимо от размера дисплея, содержимое всегда будет 70% от общего размера дисплея.
Используя медиа запросы, мы указывает конкретный размер содержимого, под конкретный размер дисплея. Например, если экран 760 пикселей, размер такой, а если экран 1280 пикселей, картинка станет такого размера

Answer 2

Have a read

https://developer.mozilla.org/en-US/docs/Web/CSS/width

Answer 3

img {
width: 100%;
height: 100%;
}

/* Or */

span {
border: 1px red solid;
position: absolute; /* fixed; */
width: 100vmax;
height: 100vmax;
}

Answer 4

SoloProg and px too?

Answer 5

Вам нужно установить фиксированную ширину. То есть:
width: 100px
height: 100px
Размеры указываете ваши. Так как мы не указывали ни гибких размеров(проценты, em...), ни делали медиа запросов, размер будет такой какой вы указали. То есть размер не будет адаптивным под размер экрана. Если что-то не понятно, спрашивайте

Answer 6

</CODER> а как сделать размер адаптивным под все экраны?