# 042: Thích ứng với Quảng cáo trên Treehouse - Thủ thuật CSS

Anonim

Quảng cáo mà chúng tôi đưa ra rất phù hợp cho các màn hình kích thước lớn / máy tính để bàn, nhưng nó bắt đầu thất bại khá nhanh trên các màn hình nhỏ hơn.

Chúng tôi có một số điểm ngắt đã được sử dụng trong thiết kế này, nhưng nơi thiết kế này bắt đầu phá vỡ không khớp với những điểm ngắt hiện có đó. Không sao, chúng ta có thể dễ dàng tạo ra các breakpoint một lần chỉ cho việc này.

Chúng tôi thực hiện một số lựa chọn về những gì có thể bị ẩn trong quảng cáo khi chúng tôi có ít chỗ trống hơn. Chúng tôi bắt đầu bằng cách loại bỏ hình ảnh cây và chỉ với một số văn bản. Chúng tôi thậm chí sử dụng một số khoảng cách trong văn bản để sử dụng lại các từ trong câu mà chúng tôi đã có (ẩn một số từ, bỏ các từ khác). Ở kích thước nhỏ nhất, chúng tôi chỉ mang cây về một mình.

Thiết kế cụ thể này có thể sẽ thay đổi, và sau đó thay đổi nhiều lần. Đó là bản chất của quảng cáo: giữ cho những người trả tiền cho quảng cáo hài lòng trong khi vẫn giữ tính toàn vẹn cho thiết kế của bạn.