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

- Advertisement -
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
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 cho Hura Apps - một startup nhỏ về công nghệ 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

BÀI VIẾT MỚI

Hướng Dẫn Đăng Ký Nhận Mã Giảm Giá Highland Coffee

Highland Coffee đang có nhiều chương trình khuyến mã cho khách hàng của mình. Các khuyến mãi có thể bao gồm upsize, mua 1...

Quà cuối năm 2022 từ Shopify

Năm nay nhận quà từ các đối tác công nghệ hơi bị nhiều. Mới đây mình lại nhận được quà từ Shopify. Quà về đúng...

Nhận quà từ đối tác công nghệ Recharge

Recharge là một trong những công ty chuyên cung cấp giải pháp bán hàng đăng ký định kỳ (subscription payments) cho các nền tảng...

Hướng dẫn tải video ngắn Facebook Reel miễn phí

Facebook Reels là tính năng video ngắn mới của Facebook. Nếu bạn muốn tải những video ngắn này của mọi người thì bạn có...

Lập Trình Viên 25 Tuổi Kiếm Được $30.000 Mỗi Tháng Từ Các Ứng Dụng Shopify

Mat De Sousa là một doanh nhân Pháp, anh là người đứng sau 2 ứng dụng Shopify là Wide Bundles và WideReview do chính...

BẠN XEM CHƯA

Hướng dẫn truy cập Facebook tháng 5/2014 bằng IPv6

Tình hình là Facebook hình như lại bị chặn. Và cũng có vô số cách để giúp các bạn mê Facebook vào Facebook. Nhưng...

Chèn nhanh ký tự đặc biệt vào văn bản với CatchChar

Khi bạn muốn sử dụng các ký tự đặc biệt như ©, ®,… thì thao tác thường dùng của bạn là mở một chương...

Tại sao các cầu thủ khi ra sân thường dắt theo trẻ em?

Các đứa trẻ ấy được gọi là MASCOT (tạm dịch: linh vật, sứ giả). Nhưng mãi đến năm 2000, truyền thống dẫn trẻ em...

Mang nút lệnh canh đều 2 biên trở lại trên thanh công cụ soạn thảo của WordPress

Kể từ phiên bản 4.5 thì WordPress không còn nút lệnh canh đều 2 biên cho văn bạn trên thanh công cụ hỗ trợ...

Một số món ăn đường phố ngon ở Quy Nhơn

Một cô bạn nữ sinh viên Quy Nhơn đang học tập ở Tp.Hồ Chí Minh trong dịp về quê đã có "chịu khó" trải...