Lập trình media-queries

3

Truy vấn phương tiện CSS: chiều rộng tối đa HOẶC chiều cao tối đa

Khi viết truy vấn phương tiện CSS, có cách nào bạn có thể chỉ định nhiều điều kiện với logic "HOẶC" không? Tôi đang cố gắng làm một cái gì đó như thế này: /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... }

490 css media-queries

5

Sự khác biệt giữa màn hình trên màn hình và các màn hình khác nhau trong các truy vấn phương tiện là gì?

Sự khác biệt giữa screenvà only screentrong các truy vấn phương tiện truyền thông là gì? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Tại sao chúng ta bắt buộc phải sử dụng only screen? Liệu screenbản thân nó không cung …

487 css media-queries

15

Truy vấn phương tiện: Làm thế nào để nhắm mục tiêu máy tính để bàn, máy tính bảng và điện thoại di động?

Tôi đã thực hiện một số nghiên cứu về truy vấn phương tiện và tôi vẫn chưa hiểu cách nhắm mục tiêu các thiết bị có kích thước nhất định. Tôi muốn có thể nhắm mục tiêu máy tính để bàn, máy tính bảng và điện thoại di động. Tôi …

471 css mobile media-queries tablet

18

Twitter Bootstrap 3: làm thế nào để sử dụng truy vấn phương tiện?

Tôi đang sử dụng Bootstrap 3 để xây dựng bố cục đáp ứng trong đó tôi muốn điều chỉnh một vài kích thước phông chữ theo kích thước màn hình. Làm thế nào tôi có thể sử dụng truy vấn phương tiện để thực hiện loại logic này?

371 css twitter-bootstrap media-queries

11

Truy vấn phương tiện có thể thay đổi kích thước dựa trên một yếu tố div thay vì màn hình?

Tôi muốn sử dụng truy vấn phương tiện để thay đổi kích thước các phần tử dựa trên kích thước của divphần tử mà chúng đang ở. Tôi không thể sử dụng kích thước màn hình vì divnó chỉ được sử dụng như một tiện ích trong trang web và …

317 css media-queries

12

Có thể đặt quy tắc CSS @media nội tuyến không?

Tôi cần tải động các hình ảnh biểu ngữ vào ứng dụng HTML5 và muốn một vài phiên bản khác nhau phù hợp với độ rộng màn hình. Tôi không thể xác định chính xác chiều rộng màn hình của điện thoại, vì vậy cách duy nhất tôi có thể …

293 html css media-queries

9

Màn hình @media và (max-width: 1024px) có nghĩa là gì trong CSS?

Tôi đã tìm thấy đoạn mã này trong một tệp CSS mà tôi được thừa hưởng, nhưng tôi không thể hiểu ý nghĩa của nó: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } Cụ thể, những gì đang xảy ra trên dòng đầu tiên?

245 css media-queries

8

Sự khác biệt giữa chiều rộng thiết bị tối đa và chiều rộng tối đa cho web di động là gì?

Tôi cần phát triển một số trang html cho điện thoại iphone / android, nhưng sự khác biệt giữa max-device-widthvà là max-widthgì? Tôi cần sử dụng css khác nhau cho kích thước màn hình khác nhau. @media all and (max-device-width: 400px) @media all and (max-width: 400px) Có gì khác biệt?

242 css mobile-website media-queries

5

@Media chiều rộng tối thiểu & chiều rộng tối đa

Tôi có @mediathiết lập này : HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* …

225 css mobile media-queries

3

@media phương tiện truyền thông truy vấn và cú pháp dao cạo ASP.NET MVC

Tôi đã có một trang web lớn chạy trong ASP.NET MVC bằng cách sử dụng công cụ xem dao cạo. Tôi có một biểu định kiểu cơ sở chứa tất cả các kiểu chung cho toàn bộ trang. Tuy nhiên, đôi khi, tôi có các kiểu trang cụ thể trong …

214 css asp.net-mvc-3 razor media-queries

17

$ (window). thong () không giống như truy vấn phương tiện

Tôi đang sử dụng Twitter Bootstrap trong một dự án. Cũng như các kiểu bootstrap mặc định, tôi cũng đã thêm một số kiểu của riêng mình //My styles @media (max-width: 767px) { //CSS here } Tôi cũng đang sử dụng jQuery để thay đổi thứ tự của các thành …

186 jquery css twitter-bootstrap media-queries

16

Tại sao các truy vấn phương tiện CSS3 của tôi không hoạt động?

Trong các style.css, tôi đang sử dụng các truy vấn phương tiện, cả hai đều sử dụng một biến thể của: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Các trang web thay đổi kích thước theo bố cục tôi …

182 html css media-queries mobile-website

11

Hỗ trợ IE8 cho CSS Media Query

IE8 không hỗ trợ truy vấn phương tiện CSS sau: @import url("desktop.css") screen and (min-width: 768px); Nếu không, cách viết thay thế là gì? Điều tương tự cũng hoạt động tốt trong Firefox. Bất kỳ vấn đề với mã dưới đây? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

178 html css responsive-design internet-explorer-8 media-queries

19

Các vấn đề in CSS @media với màu nền;

Tôi mới đây tại công ty này và chúng tôi có một sản phẩm có sử dụng dặm của css. Tôi đang cố gắng để tạo ra một kiểu in cho ứng dụng của chúng tôi nhưng tôi đang gặp vấn đề với background-colortrong @media print. @media print { #header{display:none;} …

176 css media-queries

10

Bootstrap 3 điểm dừng và truy vấn phương tiện

Trên tài liệu truy vấn phương tiện Bootstrap 3 có ghi : Chúng tôi sử dụng các truy vấn phương tiện sau trong các tệp Ít hơn để tạo các điểm dừng chính trong hệ thống lưới của chúng tôi. Thêm thiết bị nhỏ (điện thoại, dưới 768px): Không có …

170 twitter-bootstrap twitter-bootstrap-3 media-queries breakpoints

Câu hỏi được gắn thẻ «media-queries»