+ 1

css help

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...

6th Oct 2022, 10:18 PM
Анатолий Шмель
6 Answers
+ 2
Модно использовать медиа запросы или гибкие размеры. Например, проценты. Проценты работают так: Весь экран = 100 процентов. А, например, содержимое = 10 процентам. Независимо от размера дисплея, содержимое всегда будет 70% от общего размера дисплея. Используя медиа запросы, мы указывает конкретный размер содержимого, под конкретный размер дисплея. Например, если экран 760 пикселей, размер такой, а если экран 1280 пикселей, картинка станет такого размера
7th Oct 2022, 11:30 AM
</CODER>
</CODER> - avatar
6th Oct 2022, 10:49 PM
SoloProg
SoloProg - avatar
0
img { width: 100%; height: 100%; } /* Or */ span { border: 1px red solid; position: absolute; /* fixed; */ width: 100vmax; height: 100vmax; }
6th Oct 2022, 10:34 PM
SoloProg
SoloProg - avatar
0
SoloProg and px too?
6th Oct 2022, 10:36 PM
Анатолий Шмель
0
Вам нужно установить фиксированную ширину. То есть: width: 100px height: 100px Размеры указываете ваши. Так как мы не указывали ни гибких размеров(проценты, em...), ни делали медиа запросов, размер будет такой какой вы указали. То есть размер не будет адаптивным под размер экрана. Если что-то не понятно, спрашивайте
7th Oct 2022, 11:26 AM
</CODER>
</CODER> - avatar
0
</CODER> а как сделать размер адаптивным под все экраны?
7th Oct 2022, 11:27 AM
Анатолий Шмель