34
4
CFSDN nhấn mạnh vào giá trị tạo ra nguồn mở và chúng tôi cam kết xây dựng nền tảng chia sẻ tài nguyên để mọi nhân viên CNTT có thể tìm thấy thế giới tuyệt vời của bạn tại đây.
Bài viết trên blog CFSDN Hướng dẫn phương pháp thích ứng truy vấn phương tiện iPhoneX này được tác giả sưu tầm và biên soạn. Nếu bạn quan tâm đến bài viết này, hãy nhớ thích nó.
Kích thước iPhone X.
Độ phân giải của iPhone X.
Kích thước màn hình.
Màn hình của Apple iPhone X là 5,8 inch, bằng khoảng 82,9% kích thước thực tế của thiết bị. Kích thước vật lý của thiết bị Apple iPhone X là 5,65 x 2,79 x 0,30 inch hoặc (143,6 x 70,9 x 7,7 MM).
Thứ tự hiển thị đơn vị là “cao x rộng x dày”.
Mật độ pixel màn hình và tỷ lệ pixel CSS.
"Pixel" là đơn vị/thành phần nhỏ nhất của bất kỳ màn hình nào.
Tổng số pixel vừa với một inch được gọi là "mật độ màn hình" hoặc "mật độ pixel", được đo bằng "pixel trên inch". Giới hạn độ sâu pixel hiển thị số pixel trên mỗi inch tùy thuộc vào kích thước màn hình. Khi số lượng pixel trên inch tăng vượt quá giới hạn kích thước màn hình, độ phân giải màn hình sẽ tăng nhưng chiều rộng/chiều cao thực tế của thiết bị (tính bằng pixel) vẫn giữ nguyên. Pixel thực tế của thiết bị được gọi là pixel độc lập với thiết bị hoặc tỷ lệ pixel CSS.
Apple iPhone X có mật độ điểm ảnh khoảng 458 pixel và mật độ điểm ảnh thực tế khoảng 153, do đó, nó có mật độ điểm ảnh hiển thị là 3 xxhdpi.
Độ phân giải màn hình và khung nhìn.
Tổng số pixel hiển thị trên thiết bị được gọi là "độ phân giải màn hình". Và tổng số pixel thực tế cho bất kỳ thiết bị nào được gọi là "khung nhìn".
Kích thước màn hình vật lý của Apple iPhone X là 5,8 inch, độ phân giải khoảng 1125 x 2436 pixel và mật độ điểm ảnh khoảng 458 PPI. Kích thước khung nhìn của Apple iPhone X là 375 x 812 pixel, với tỷ lệ pixel xấp xỉ 3.
Truy vấn phương tiện CSS.
Truy vấn phương tiện Apple iPhone X (chỉ dành cho thiết bị di động).
。
。
。
Truy vấn phương tiện có chiều rộng tối thiểu của Apple iPhone X.
|
1
|
@chỉ phương tiện truyền thông
màn hình
Và (
chiều rộng tối thiểu
:
375px
) {
/* Phong cách của bạn... */
}
|
Truy vấn phương tiện có chiều cao tối thiểu của Apple iPhone X.
|
1
|
@chỉ phương tiện truyền thông
màn hình
Và (
chiều cao tối thiểu
:
812px
) {
/* Phong cách của bạn... */
}
|
Truy vấn phương tiện theo chiều ngang của Apple iPhone X.
。
。
。
Truy vấn phương tiện dọc của Apple iPhone X.
。
。
。
Truy vấn phương tiện Retina của Apple iPhone X.
|
1
2
3
4
5
6
7
8
9
|
@phương tiện truyền thông
chỉ một
màn hình
và (-webkit-min-device-pixel-ratio:
3
),
chỉ một
màn hình
và (min--moz-device-pixel-ratio:
3
),
chỉ một
màn hình
và ( -o-min-device-pixel-ratio:
3
/
1
),
chỉ một
màn hình
và (tỷ lệ điểm ảnh thiết bị tối thiểu:
3
),
chỉ một
màn hình
và (độ phân giải tối thiểu:
458
điểm ảnh),
chỉ một
màn hình
và (độ phân giải tối thiểu:
3
dpxx) {
/* Kiểu Retina ở đây */
}
|
Retina thực sự dựa trên tỷ lệ pixel của thiết bị. Hầu hết các thiết bị đều có màn hình 2x hoặc 3x, vì vậy bạn có thể sử dụng truy vấn phương tiện retina chung để hiển thị nội dung có độ phân giải cao trên tất cả các loại thiết bị. Truy vấn phương tiện Retina 2x và Retina 3x như sau:
Truy vấn phương tiện Retina 2x.
|
1
2
3
4
5
6
7
8
9
|
@phương tiện truyền thông
chỉ một
màn hình
và (-webkit-min-device-pixel-ratio:
2
),
chỉ một
màn hình
và (min--moz-device-pixel-ratio:
2
),
chỉ một
màn hình
và ( -o-min-device-pixel-ratio:
2
/
1
),
chỉ một
màn hình
và (tỷ lệ điểm ảnh thiết bị tối thiểu:
2
),
chỉ một
màn hình
và (độ phân giải tối thiểu:
192
điểm ảnh),
chỉ một
màn hình
và (độ phân giải tối thiểu:
2
dpxx) {
/* Kiểu Retina ở đây */
}
|
Truy vấn phương tiện Retina 3x.
|
1
2
3
4
5
6
7
8
9
|
@phương tiện truyền thông
chỉ một
màn hình
và (-webkit-min-device-pixel-ratio:
3
),
chỉ một
màn hình
và (min--moz-device-pixel-ratio:
3
),
chỉ một
màn hình
và ( -o-min-device-pixel-ratio:
3
/
1
),
chỉ một
màn hình
và (tỷ lệ điểm ảnh thiết bị tối thiểu:
3
),
chỉ một
màn hình
và (độ phân giải tối thiểu:
384
điểm ảnh),
chỉ một
màn hình
và (độ phân giải tối thiểu:
3
dpxx) {
/* Kiểu Retina ở đây */
}
|
Bổ sung:
/* iphone 3 */ 。
。
。
/* iphone 4 */ 。
。
。
/* iphone 5 */ 。
。
。
/* iphone 6, 6s */ 。
。
。
/* iphone 7, 8 */ 。
。
。
/* iphone 6+, 6s+, 7+, 8+ */ 。
。
。
Trên đây là toàn bộ nội dung bài viết này hi vọng nó sẽ giúp ích cho việc học của mọi người và cũng mong mọi người ủng hộ mình.
Liên kết gốc: https://segmentfault.com/a/1190000017188158.
Cuối cùng, bài viết này về hướng dẫn phương pháp thích ứng truy vấn phương tiện iPhoneX có ở đây. Nếu bạn muốn biết thêm về hướng dẫn phương pháp thích ứng truy vấn phương tiện iPhoneX, vui lòng tìm kiếm bài viết CFSDN hoặc tiếp tục duyệt các bài viết liên quan. tương lai! .
34
4
0
Tôi có ba cái bàn. Bảng A có các tên tùy chọn (tức là màu sắc, kích thước). Bảng B có tên giá trị tùy chọn (ví dụ: xanh, đỏ, đen, v.v.). Bảng C thiết lập mối quan hệ bằng cách đặt id tên tùy chọn và id giá trị tên tùy chọn cùng nhau. Truy vấn của tôi cần hiển thị giá trị và tên của tùy chọn trong khi
Trong mysql, làm cách nào để đếm các ô không trống liên tiếp? Tôi chỉ muốn đếm các ô giữa các cột nhất định, chẳng hạn như giữa các cột 3-10. Không phải tất cả các cột... một lần nữa, chỉ trong hàng đó. Câu trả lời hay nhất Nếu bạn muốn làm điều này, thay vào đó chỉ cần sử dụng tên trong sql
đóng cửa. Câu hỏi này cần được hỏi tập trung hơn. Câu trả lời không được chấp nhận vào thời điểm này. Bạn muốn cải thiện vấn đề này? Đã cập nhật câu hỏi để chỉ tập trung vào một vấn đề chỉnh sửa bài đăng này. Đã đóng 7 năm trước. Cải thiện truy vấn này
Tôi đang thực hiện một truy vấn Elaticsearch cho phiên bản 7.6. Truy vấn của tôi như thế này: { "query": { "bool": { "nên": [ {
đóng cửa. Câu hỏi này cần được hỏi tập trung hơn. Câu trả lời không được chấp nhận vào thời điểm này. Bạn muốn cải thiện vấn đề này? Đã cập nhật câu hỏi để chỉ tập trung vào một vấn đề chỉnh sửa bài đăng này. Đã đóng 7 năm trước. Cải thiện truy vấn này
Có thể viết một truy vấn để kiểm tra xem có bất kỳ truy vấn con nào (nhưng không chỉ một) có đúng không? CHỌN * TỪ nhân viên e Ở ĐÂU KHÔNG Tồn tại (
Tôi đã tìm thấy rất nhiều câu trả lời cho vấn đề của mình nhưng vấn đề vẫn chưa được giải quyết. Tôi có bảng, có dữ liệu, ví dụ: Dữ liệu 1 Dữ liệu 2 Dữ liệu 3
Truy vấn sau đây trả về lỗi: Truy vấn: SELECT Id, FirstName, LastName, OwnerId, PersonEmail FROM Account WHERE low(PersonEm
Truy vấn sau đây trả về lỗi: Truy vấn: SELECT Id, FirstName, LastName, OwnerId, PersonEmail FROM Account WHERE low(PersonEm
Tôi nhận được giá trị Chuỗi từ EditText. và một nút để gửi truy vấn của bạn. Chuỗi sql=editQuery.getText().toString();// CHỌN * TỪ emmpl
Tôi có một truy vấn hoạt động ít nhiều (liên quan đến kết quả), nhưng phải mất khoảng 45 giây để xử lý. Điều này chắc chắn là quá dài để hiển thị dữ liệu trong GUI. Vì vậy, nhu cầu của tôi là tìm một truy vấn nhanh hơn/hiệu quả hơn (vài mili giây hoặc lâu hơn là tốt) bảng dữ liệu của tôi có khoảng 3000
Đây là lần đầu tiên tôi sử dụng Stack Overflow, vì vậy tôi hy vọng mình đặt câu hỏi này đúng cách. Tôi có 2 truy vấn SQL mà tôi đang cố gắng so sánh và xác định các giá trị bị thiếu, mặc dù tôi không thể thêm trường NULL vào truy vấn thứ hai để xác định các giá trị bị thiếu
Truy vấn SQL động là gì? Khi nào bạn cần sử dụng truy vấn SQL động? Tôi đang sử dụng SQL Server 2005. Câu trả lời hay nhất ở đây là một số bài viết: Giới thiệu về Dynamic SQL Dynami
bao gồm "mysql.php"; $query= "SELECT ID,name,displayname,pressed,summary,searchlink,im
Tôi có một truy vấn muốn "chuyển đổi" sang mysql. Đây là truy vấn: select top 5 * from (select id, firstName, LastName, sum(fileSize) as To
Qua nghiên cứu của mình, tôi nhận thấy rằng kể từ phiên bản EF 4.1 trở lên, phương thức .ToString() trên truy vấn EF sẽ trả về câu lệnh SQL được chạy. Trên thực tế, điều này rất hiệu quả đối với tôi khi sử dụng Entity Framework 5 và 6. Nhưng
Tôi gặp sự cố khi xây dựng truy vấn để thực hiện những việc sau: Lọc địa chỉ liên hệ theo hoạt động_type_id và chỉ hiển thị các sự kiện gần đây Địa chỉ liên hệ có bắt buộc phải có hoạt động_type_id hoặc NULL (không có sự kiện) Cấu trúc bảng như sau: Một địa chỉ liên hệ có thể
Làm cách nào để thông tin tôi nhập vào cơ sở dữ liệu tự cập nhật 5 phút sau khi nhập dữ liệu? Giả sử tôi có một bảng: +--+--+-------+ |id|ip|count| +--+--+------+ |
Tôi đang cố gắng tìm kiếm một ID có chính xác 4 chữ số, tôi biết tôi cần sử dụng hàm chuỗi LENGTH() nhưng không thể tìm thấy ví dụ về cách sử dụng nó. Tôi đang thử các cách sau (và các biến thể khác) nhưng chúng không hoạt động. CHỌN tối đa(car_id)
Tôi có một truy vấn sql (truy vấn + tham gia) hoạt động tốt trên mysql: select sum(pa.price) từ người dùng u , buy pu , pack pa Where (
Trung tâm cá nhân
Điều phát hành
từ bỏ
Tôi là một lập trình viên xuất sắc, rất giỏi!