Request Hỏi về hiển thị

[Chodongxoai]

Em có 1 trang web A bây giờ em muốn chèn baner quảng cáo vào trang web đó kiểu như trên kích thước màn hình A nào thì hiện quảng cáo A, trên điện thoại thì hiển thị quảng cáo B thì em code như nào các bác nhỉ?

 

[Võ Đình Nghĩa]

Mình tạm thời phân ra làm 2 loại quảng cáo.

1. Quảng cáo tự động resize. (Ví dụ: Google Adsense có hỗ trợ)
2. Quảng cáo cố định size. (Ví dụ: Quảng cáo bên slide bar của vnxf.vn)

Đối với loại quảng cáo 1 thì bạn chỉ cần chọn vị trí và đặt nó vô là tự động phân bổ kích thước cho phù hợp.

Đối với loại quảng cáo 2 bạn sử dụng công nghệ responsive để thay đổi kích thước.

• Sử dụng CSS
  - Dùng câu lệnh @media only screen and (max-width: .....px)
• Sử dụng HTML 5
  - Sử dụng thẻ <picture> kết hợp với thẻ <source>
• Sử dụng thuộc tính srcset
  - <img src="image300.png" srcset="image150.png 600w, image100.png 480w" alt="">

 

[Chodongxoai]

Mình ko rõ lắm, giả sử mình có đoạn code này
................
Mình muốn nó ẩn trên máy tỉnh và chỉ hiển thị trên điện thoại và nằm bên dưới thông điệp chạy của mình thì mình cần đặt code như thế nào vào chổ nào, nhờ bạn @Võ Đình Nghĩa chỉ giùm

 

[Võ Đình Nghĩa]

Bạn sử dụng đoạn CSS sau:

Bình thường bạn để css banner là (display:none

@media only screen and (max-width: 480px){
css của banner bạn để (display: block !important
}