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

ducmu233

Thượng Đế
Tham gia
20/09/2015
Bài viết
4
Được Like
1
ở 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

anhnhohon.png

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

Chết Yểu
Tham gia
06/05/2015
Bài viết
205
Được Like
211
ở 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

Thượng Đế
Tham gia
24/03/2015
Bài viết
1,993
Được Like
1,616
  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 :D
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom