[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1779182169485.jpg (240.1 KB, 1880x1253, img_1779182162757_v27la0g5.jpg)ImgOps Exif Google Yandex

e2661 No.1572

use max-width: 100%; height:auto; on img tags for clean responsiveness across devices - this works in all browsers and doesn't rely on fancy media queries or new props. no need
display:block;margin auto
either, just let the image breathe!

e2661 No.1573

File: 1779182783117.jpg (43.19 KB, 800x600, img_1779182768433_ik7hvph4.jpg)ImgOps Exif Google Yandex

lowkey i've found that sometimes adding
:100%
to images can help them fill up their container better, while still maintaining responsiveness! have u tried this alongside max-width:auto? it might give a nice stretch effect on bigger screens. do ur containers also use percentages or are they fixed widths too tho?
img { width: 100%; }

>try these out and see how the images adjust across different devices


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">