Help Cách điều chỉnh theme thích hợp mọi độ phân giải?

[ducmu233]

ở trên mỗi box e có để 1 cái ảnh gọi là banner của box. tuy nhiên với mỗi màn hình PC khác nhau thì ảnh nó lại hiển thị khác nhau. ví dụ

màn hình bé thì cái ảnh này nó kéo vừa đủ khung (đẹp)
nhưng sang màn hình to thì nó chỉ còn 1 nửa

vậy:
1) làm sao để màn hình nào nó cũng vừa khung?
2) làm sao để e biết bề ngang ảnh bao nhiêu là vừa cái khung?

 

[Võ Đình Nghĩa]

ở trên mỗi box e có để 1 cái ảnh gọi là banner của box. tuy nhiên với mỗi màn hình PC khác nhau thì ảnh nó lại hiển thị khác nhau. ví dụ

màn hình bé thì cái ảnh này nó kéo vừa đủ khung (đẹp)
nhưng sang màn hình to thì nó chỉ còn 1 nửa

View attachment 6357
vậy:
1) làm sao để màn hình nào nó cũng vừa khung?
2) làm sao để e biết bề ngang ảnh bao nhiêu là vừa cái khung?

1. Bạn thiết kế một banner với chiều rộng full HD.
   - Dùng CSS để điều khiển banner với thông số (width:100%)
   HTML : <div class="banner"><img src="link ảnh" /></div>
   CSS : .banner{width:100%;}
   - Hoặc chèn trực tiếp vào HTML
   <img src="link ảnh" width="100%">
   
   
2. Chiều rộng của ảnh phải lớn hơn hoặc rộng bằng chiều rộng của khung thì khi bạn sử dụng css để hiệu chỉnh chiều rộng ảnh bằng với khung nó sẽ cho độ phân giải của ảnh tốt nhất.

 

[dcstylexf]

1. Bạn thiết kế một banner với chiều rộng full HD.
   - Dùng CSS để điều khiển banner với thông số (width:100%)
   HTML : <div class="banner"><img src="link ảnh" /></div>
   CSS : .banner{width:100%;}
   - Hoặc chèn trực tiếp vào HTML
   <img src="link ảnh" width="100%">
   
   
2. Chiều rộng của ảnh phải lớn hơn hoặc rộng bằng chiều rộng của khung thì khi bạn sử dụng css để hiệu chỉnh chiều rộng ảnh bằng với khung nó sẽ cho độ phân giải của ảnh tốt nhất.

đồng quan điểm. Cơ mà @THB cái title Chết Yểu nó có ý nghĩa ntn vậy