Trang chủ Lập trình Javascript - HTML CSS cho đối tượng trên màn hình di động lật ngang và...

CSS cho đối tượng trên màn hình di động lật ngang và dọc

Hôm nay đụng một yêu cầu là phải xử lý CSS cho đối tượng ở hai màn hình lật ngang và lật dọc. Lúc đầu mình định dùng thuộc tính @media với min-width, max-width. Tuy nhiên vì một số lý do nên không thể sử dụng vì nhiều thiết bị có các kích cỡ màn hình khác nhau nên nếu muốn viết tổng quát thì rất khó.

Và sau một hồi tìm kiếm thì phát hiện ra là CSS có hỗ trợ phân biệt cho màn hình thiết bị khi lật ngang hay lật dọc. Rất đơn giản.

Với portrait là màn hình dọc và landscape là màn hình ngang.

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -
Shopify

BÀI VIẾT MỚI

Hướng dẫn tạo hiệu ứng slow-motion với Instagram Reels

Sau khi cộng đồng công nghệ kêu gọi tẩy chay TikTok vì nghi ngờ ứng dụng này thu thập dữ liệu người dùng thì...

Amazon ra mắt Amazon Honeycode – Công cụ hỗ trợ người dùng tạo ứng dụng di động và web

Mới đây Amazon vừa thông báo ra mắt dịch Amazon Honeycode. Đây là một dịch vụ hỗ trợ người dùng tạo ra các ứng...

Điều gì sẽ xảy ra với cơ thể khi bạn trúng đạn

Chúng ta chắc hẳn đã xem khá nhiều bộ phim hành động mà trong đó nhân vật chính bị trúng đạn vào vai, vào...

Dad, How Do I? – Kênh Youtube cho những ai không có bố

Vừa qua, một kênh YouTube mới của một người đàn ông dạy bài học, kỹ năng về cuộc sống đã lan truyền cực kỳ...

Facebook chi 400 triệu đô để mua lại Giphy

Giphy là một nền tảng trực tuyến hỗ trợ lưu trữ và tìm kiếm ảnh động (GIF) trực tuyến của Mỹ. Và mới đây...

BẠN XEM CHƯA

Thiết kế mẫu quảng cáo đơn giản với Uplevo

Nếu là chủ một cửa hàng bán hàng đặc biệt là mặt hàng thời trang online thì nhu cầu thiết kế quảng cáo là...

Hướng dẫn xác nhận địa chỉ cho tài khoản Google Adsense không cần mã PIN

Theo quy định thì mỗi tài khoản Google Adsense khi có được $10 đầu tiên thì người dùng cần phải xác minh địa chỉ...

Review: Từ Cần Thơ ra du lịch Quy Nhơn và Phú Yên 5 ngày 4 đêm với 9 triệu ăn chơi tẹt ga

Hai vợ chồng bạn Thạnh Sunny từ Cần Thơ ra miền trung mà cụ thể là Quy Nhơn và Phú Yên vào cuối tháng...

AdOnly – Mạng quảng cáo mang tầm quốc tế của người Việt

Hôm rồi lang thang trên diễn đàn tin học đọc mấy bài viết ở mục Advertisers & Publishers và vô tình nhìn thấy một...

Tắt thông báo làm phiền của Youtube

Nếu smartphone hay tablet chạy hệ điều hành Android của bạn thường hiện thông báo có tập tin video mới trên dịch vụ Youtube...