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

Shopify ra mắt trang web chính thức cho thị trường Việt Nam

Shopify là nền tảng thương mại điện tử cho phép dễ dàng tạo ra các trang web bán hàng online cho do doanh nghiệp...

Jeff Bezos sẽ rời vị trí CEO của Amazon

Theo một thông báo mới đây từ Amazon, Jeff Bezos, người sáng lập và là CEO của gã khổng lồ này trong gần 30...

Free Fire hợp tác cùng Sơn Tùng M-TP ra mắt dự án Skyler

Free Fire là tựa game bắn súng sinh tồn nổi tiếng bậc nhất trên nền tảng di động. Sau hơn 3 năm phát hành,...

Lấy một số ngẫu nhiên với Shopify Liquid

Shopify Liquid rất hạn chế nên đôi khi có những yêu cầu tưởng chừng đơn giản nhưng lại không biết code như thế nào....

Hướng dẫn tạo ảnh hoạt hình từ ảnh thật với ToonMe

Bạn có tò mò muốn biết bản thân mình sẽ như thế nào khi trong vai một nhân vật hoạt hình không? Không cần...

BẠN XEM CHƯA

Cái nghề lập trình và tôi

Cũng như những bài viết chia sẻ trước bài này mình cũng xin nói trước đây là cảm nhận của bản thân và công...

Hướng dẫn đăng ký 1 số điện thoại Mỹ miễn phí

Mình đã có 1 bài viết hướng dẫn bạn cách đăng ký 1 địa chỉ miễn phí để nhận hàng hoá miễn phí ở...

Cơm Nhà 1989

Cơm nhà 1989 giúp bạn thưởng thức những bữa ăn ngon như cơm mẹ nấu trong một không gian ấm áp và quen thuộc...

NamSushi – Thêm một lựa chọn ẩm thực Nhật ở Quy Nhơn

Một nhà hàng mang đậm phong cách Nhật Bản. Thêm một lựa chọn cho các bạn trẻ đam mê ẩm thực Nhật Bản. NamSushi Địa chỉ:...

Phục hồi dữ liệu dễ dàng trên phân vùng với Minitool Partition Recovery

Trong quá trình sử máy tính thì việc vô tình xóa nhầm các dữ liệu quan trọng là điều dù ít hay nhiều bạn...