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

Facebook, Apple tố cáo lẫn nhau trục lợi từ thu thập dữ liệu người dùng

Trong một bức thư gửi những người ủng hộ quyền riêng tư, apple cho biết họ sẽ triển khai việc "theo dõi tính minh...

Quyết định nghỉ việc

Sáng nay nhận tin nhắn thằng bạn nhắn qua: "Tao nghỉ việc rồi". Rồi chợt nhớ đêm qua nằm suy nghĩ là lâu rồi...

Shopify hợp tác cùng TikTok

Vào ngày 27/10 vừa qua, ứng dụng chia sẻ video ngắn đình đám TikTok đã ký kết hợp tác với Shopify - công ty...

Google Adsense sẽ hỗ trợ thanh toán qua PayPal, PayOneer và TransferWise?

Google đã có thông báo rằng sẽ ngưng thanh toán qua Western Union từ năm 2021. Và mới đây trong một email gửi đến...

Dịch vụ hosting miễn phí từ 123HOST

123HOST là một nhà cung cấp hosting, VPS, Server, tên miền uy tín tại Việt Nam. Và ngày 10/10/2020 vừa qua, 123Host thông báo...

BẠN XEM CHƯA

Hình ảnh Quy Nhơn trong cuộc Tổng tiến công và nổi dậy Tết Mậu Thân 1968

Ngày 29.1.1968, LLVT tỉnh và Trung đoàn 12 nổ súng tiến công Quy Nhơn, đánh chiếm Đài phát thanh, tiến công vào Dinh tỉnh...

Thư viện jQuery trên CDN của CloudFlare miễn phí cho mọi người

Các thư viện jQuery giúp tạo hiệu ứng đẹp mắt  hoặc các tiện ích hữu dụng cho trang web của bạn. Các jQuery thường...

WordPress cung cấp miễn phí giao thức HTTPS cho tất cả các blog sử dụng tên miền riêng

Thứ 6 vừa qua (8/4/2016) WordPress thông báo rằng sẽ hợp tác với Electronic Frontier Foundation's trong sự án Let's Encrypt để cung cấp...

British Airways đối mặt với mức phạt kỷ lục do các vi phạm dữ liệu trong vụ hack năm 2018

Cơ quan quản lý dữ liệu của Anh mới đây thông báo rằng họ có kế hoạch phạt tiền lên tới 183,39 triệu bảng...

Một số dịch vụ giúp bạn kiếm tiền từ link rút gọn

Chắc các bạn cũng không mấy xa lạ với dịch vụ rút gọn link giúp bạn thu gọn các link dài loằng ngoằng thành...