Question

我在Chrome中使用了Responsive Web Designer插件来检查投放定位 320 x 480,480 x 320,600 x 800,800 x 600,768 x 1024和1024 x 768。

我用过：

@media screen and (max-width: 480px){ my code }
@media screen and (max-width: 320px){ my code }

...使这些网站响应的结构。

当我检查这些布局时，它很好地运行浏览器。当我在肖像模式下获得像三星Galaxy Core Prime这样的真实设备时，它很好地展示了我。但是，在横向模式下，它并没有给我正确的对齐。

此外，当我从具有360宽度视图端口大小屏幕的另一台设备检查我的网站时，我为480写的媒体查询没有影响。

我想将我为480编写的代码应用于320和480设备之间的设备。

我在这里做错了什么？

Answer 1

Function getRecipients(vColumn As Variant) As String Dim rListColumn As Range Dim c As Range Dim s As String With Worksheets("Email Recipient List") Set rListColumn = .Range(.Cells(2, vColumn), .Cells(Rows.Count, vColumn).End(xlUp)) For Each c In rListColumn s = s & c.Text & ";" Next getRecipients = Left(s, Len(s) - 1) End With End Function仅适用于特定屏幕，因此某些不同尺寸的设备可能会跳过

改为使用

@media screen

Answer 2

@media all and (max-width: 480px) and (min-width 321px){ my code }
@media all and (max-width: 320px){ my code }

CSS中的媒体查询无法在设备之间工作

2 个答案: