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

Website tin tức Nukeviet giao diện đơn giản

Link download: http://www.mediafire.com/?gxxy41rs2ei4klt Mật khẩu giải nén: vinagon.com Tài khoản quản trị: admin/123456 Tình trạng: Đã test thử Thông tin thêm: Cần kiểm tra kỹ đề phòng shell. Huỳnh Mai Anh...

Người mang chủ nghĩa Mác vào tình yêu…

Các cháu lấy nhân sinh quan cách mạng làm cơ sở. Các cháu đã tìm ra tình thương và lẽ sống của con người....

Một ngân hàng của tỉnh Bình Định bị tin tặc tấn công

Theo thông tin mới nhận được thì website Ngân hàng Nông nghiệp và Phát triển nông thôn chi nhánh tỉnh Bình Định đã bị...

Tải hình ảnh và video chất lượng cao từ Instagram

Instagram là trang mạng xã hội chia sẻ hình ảnh miễn phí của Facebook. Với hàng triệu người dùng nên Instagram là một kho...

Nâng cấp Windows 7 với Upgrade key

Bạn lỡ cài đặt Windows 7 phiên bản thấp và muốn nâng cấp lên phiên bản "xịn" hơn nhưng ngán ngẫm việc phải cài...