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

Kiểm tra trình duyệt của khách có phải là Safari bằng PHP

Hôm rồi chợt nhận ra điều là Safari của Apple chưa hỗ trợ hiển thị ảnh WebP. Vậy là cái plugin Hura Apps Photos...

GitHub mua lại nền tảng npm

npm là đóng một phần quan trọng trong cộng đồng JavaScript. Cộng đồng npm trong 10 năm qua là sự đóng góp của hàng...

Youtube cho phép quảng cáo trên video có nội dung liên quan đến Covid-19

Trong một bài đăng trên blog, CEO Susan Wojcicki cho biết YouTube sẽ bắt đầu cho phép chạy quảng cáo trên các video thảo...

Kiểm tra khả năng bị lây nhiễm Covid-19 của bạn bằng trí tuệ nhân tạo

Trong bối cảnh Covid-19 đang lan rộng và khả năng lây nhiễm rất cao khi ta vô tình tiếp xúc với các người bị...

10 lời đồn sai về Covid-19

1. Ai nhiễm Covid-19 sẽ chết - Tỉ lệ tử vong hiện nay khoảng 3.4%. Người càng lớn tuổi tỉ lệ tử vong sẽ cao...

BẠN XEM CHƯA

Khôi phục nhanh Start Menu cho Windows 10

Máy tính của bạn vừa nâng cấp lên Windows 10 hoặc cài đặt mới Windows 10 mà không thấy Start Menu. Mỗi khi bấm...

Ai Uống – Ứng dụng làm cho cuộc vui sẽ vui hơn

Một buổi tối ế show ăn nhậu thế là quyết định ở nhà viết một ứng dụng hỗ trợ ăn nhậu. Tự đặt tên...

Có gì mới trong iOS 9.3 và bạn có nên nâng cấp?

Không giống như những bản cập nhật trước đó của iOS, trong phiên bản mới 9.3 lần này Apple đã giới thiệu một loạt...

Kích hoạt chế độ khởi động nhanh trên Windows 10

Windows 10 được đánh giá là có tốc độ nhanh hơn so với các phiên bản Windows trước nó và nó cũng sẽ chạy...

Lướt web ẩn danh an toàn với SafeIP

Có nhiều phần mềm tiện ích hỗ trợ bạn trong việc ẩn danh khi lướt web. Với những phần mềm miễn phí, bạn chỉ...