26
4
所以看起来在移动设备中媒体查询使用 screen.width 根本没有改变。但是在我的桌面上，当我更改窗口大小时，screen.width 保持不变，$(window).width() 发生变化，并且应用了正确的样式表。所以看起来在桌面浏览器中媒体查询使用 $(window).width() 这让我感到困惑。
代码示例我的媒体查询
Trung tâm cá nhân
Điều phát hành
từ bỏ@media only screen and (max-width: 1050px), only screen and (max-device-width: 1050px){
--other stuff
background-color: lightgray;
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px){
-- other stuff
background-color: orchid;
在我的桌面上，screen.width 是 1920，$(window).width() 是 1027，当我缩小窗口时，应用了第一个样式表screen.width 是 1920 和 $(window).width() 是 738 第二种样式也被应用覆盖第一个样式表背景颜色。所以$(window).width()的值决定了样式表
在我的 ipad 模拟器中的 safari mobile 中，纵向模式 screen.width 是 768，$(window).width() 是 768，正如预期的那样，两个样式表都是应用。但是当我更改为横向模式时 screen.width 是 768 并且 $(window).width() 是 1024，自第二个样式表以来，两个样式表仍在应用正在覆盖第一个不应该的背景颜色。
在我的 index.html 的顶部我有这个元标记
我不知道这是否会影响什么。
câu trả lời hay nhất
根据本网站http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml Iphones 和 ipads 给设备宽度，就好像你在纵向模式下拿着设备一样。您可以使用“orientation : landscape”CSS 实现不同的纵向和横向样式。
本站http://stephen.io/mediaqueries/列出了许多针对特定苹果设备的 css 媒体查询。
Hy vọng nó sẽ giúp bạn
关于html - Screen.width/$(window).width() 媒体查询，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20229711/
26
4
0
Tôi muốn biết sự khác biệt giữa hai loại này. Cảm ơn bạn. Chiều rộng tối đa: 100px chiều rộng: chiều rộng tối đa: 1080px;
Sự khác biệt giữa các giá trị được trả về bởi thuộc tính .width(), .css('width') của jQuery và thuộc tính .style trên nút .width là gì? Tôi tò mò vì trong khi cố gắng đặt chiều rộng của hai ô trong bảng bằng nhau
Tôi có thể thêm hai khung nhìn trong tiêu đề php trong wordpress: và tôi muốn có thể hiển thị mọi thứ với chiều rộng khung nhìn 1024 trừ khi bạn ở dưới x
OK, vậy là tôi đã có thành phần sau cho ImageBackground (sử dụng bản thảo nhưng phải tự giải thích). (Đây là bản chất của phản ứng) import * as React from "re
Tôi đang cố gắng thay đổi kích thước div dựa trên chiều rộng của hình ảnh chứa trong đó, nhưng không có phương pháp JS nào hoạt động ổn định để có được chiều rộng của hình ảnh. gắn nhãn ở đây img { width: auto
Tôi có một bảng và tôi đang cố gắng tìm chiều rộng của mỗi td trong bảng. Tôi đã thử nhiều biến thể khác nhau: $("td")[0].width() nhưng không có biến thể nào hoạt động và nhận được lỗi: "Uncaught TypeError: $ (...)[0].wid
Tôi đang gặp một số vấn đề khi để chiều rộng tối thiểu tính bằng rem cùng tồn tại với chiều rộng phần trăm. Khi thay đổi kích thước jsfiddle này, khối bên phải bên ngoài sẽ không hoạt động
Khi tôi kiểm tra trang ở chế độ thiết bị trong chrome (và Edge/Brave/Opera), thuộc tính chiều rộng của thiết bị dường như bị giảm nhưng thuộc tính chiều rộng không được tạo lại: html {
Tôi muốn hiển thị các div #botone, #bottwo và #bottree theo thứ tự. Tôi cũng muốn thay đổi kích thước hình nền trên div #botone với chiều rộng 100% và chiều cao tương xứng. Bây giờ hai Div cuối cùng được hiển thị trong #boton
Tôi là một sinh viên học JavaScript lần đầu tiên và tôi có một câu hỏi ở trường là chúng tôi cần chỉ ra các loại dữ liệu được chấp nhận theo chiều rộng và kiểu.width. Tôi biết rằng các kiểu dữ liệu là số, chuỗi, giá trị null, không xác định, giá trị bool và đối tượng
Vì vậy, có vẻ như các truy vấn phương tiện sử dụng screen.width hoàn toàn không thay đổi trên thiết bị di động. Nhưng trên máy tính để bàn của tôi, khi tôi thay đổi kích thước cửa sổ, screen.width vẫn giữ nguyên, $(window).width() thay đổi và
http://jsfiddle.net/3BFGU/27/ Có ai biết tại sao chiều rộng của một khoảng chứa văn bản "ABC" trả về 0. 1) Chỉ xảy ra trong Firefox. 2) Nếu tôi loại bỏ khoảng cách giữa hai khoảng đó, nó sẽ hoạt động tốt. (h
Tôi biết mã bên dưới xóa Canvas canvas.width = canvas.width nhưng mã này hoạt động nội bộ như thế nào? Toán tử gán chỉ gán một số giá trị cho một biến, nhưng đoạn mã trên xóa Canvas như thế nào? theo
Khi sử dụng độ rộng tối đa, tại sao nó không "ngắt" các từ dài hơn độ dài cho phép và làm cách nào để nó hoạt động? Hàm JSFiddle input() { var inputText = document
Cách tốt nhất để đổi kích thước văn bản trên trang web dành cho thiết bị di động trong khi sử dụng cài đặt khung nhìn width=device-width là gì? Còn phần trăm các kiểu trả lời hay nhất thì sao? Giống như 100% hoặc 90%. Giới thiệu về html -
Đối với DataGrid của Bộ công cụ WPF, tôi sử dụng các kiểu tiêu đề cột tùy chỉnh sau:
Trước đây tôi đã thấy css tiếp theo và tôi tự hỏi liệu có sự khác biệt thực sự nào giữa min-width: 90px; max-width: 90px; và width: 90px;
Tôi có R Markdown mà tôi kết hợp thành html từ RStudio. Tôi có thể sử dụng fig.width và fig.height để điều chỉnh độ phân giải của ô của mình, nhưng dường như tôi không thể mở rộng đầu ra trang để đầu ra văn bản không
Mã mẫu tại đây: http://pastebin.com/95z3pftQ Tôi đang cố gắng xây dựng một trang dành cho thiết bị di động có tiêu đề cố định và phần "nội dung" sẽ xuất hiện ở HTML bên ngoài (được làm sạch, nhưng nếu không thì tùy ý). Tôi cần sử dụng
Đây là định nghĩa của đơn vị dp: (nếu đúng...) Pixel độc lập với mật độ - Một đơn vị trừu tượng dựa trên mật độ vật lý của màn hình. Các đơn vị này liên quan đến màn hình 160 dpi, vì vậy 1 dp là một pixel trên màn hình 160 dpi
Tôi là một lập trình viên xuất sắc, rất giỏi!