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 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...

Lần đầu nhận quà từ Shopify

Hura Apps là 1 trong những đối tác của Shopify được vinh dự Shopify chọn tham gia chương trình (Huấn luyện Thương mại) Commerce...

Một số ưu đãi của Shopify cho người dùng đăng ký mới

Shopify chỉ cho phép người dùng mới 14 ngày dùng thử miễn phí. Nếu bạn cảm thấy khoảng thời gian này là không đủ...

Trang web hỗ trợ tìm kiếm trên Facebook

Facebook là mạng xã hội lớn nhất hiện nay. Thông tin được người dùng chia sẻ trên mạng xã hội này là vô cùng...

BẠN XEM CHƯA

Hướng dẫn sử dụng Google Maps ngoại tuyến trên điện thoại Android

Google hỗ trợ cho người dùng của mình sử dụng Google Maps kể cả không kết nối internet hay ta hay gọi là Google...

Tải hình ảnh lên mạng dễ dàng với Myimgur

Imgur (www.imgur.com) là một trang cho phép upload và chia sẻ hình ảnh với bạn bè. Nếu như cách thông thường bạn phải truy...

Flickr sẽ đóng cửa?

Một số động thái gần đây của Yahoo với Flickr làm dấy lên nghi vấn về sự đóng cửa của trang web này trong...

Cắm hoa… trực tuyến tặng thầy cô nhân ngày 20 – 11

Ngày 20/11 lại đến. Ngày thiêng liêng nhất cả hàng triệu học sinh – sinh viên dành tình cảm chân thành nhất đến những...

Đăng ký nhận key bản quyền Avast Pro miễn phí 1 năm

Trang tin tức công nghệ hàng đầu thế giới TechRadar đang có chương trình tặng key bản quyền Avast Pro miễn phí 1 năm cho độc giả....