media-queries

0热度

2回答

所以我有这个奇怪的问题。当我在本地测试时，我的媒体查询工作得很好，但是，当我将文件上传到我的网站时，服务器似乎没有注意到媒体查询，它注意到其中一个是第一个，但是智能手机，它只是跳过并显示我为所有屏幕尺寸隐藏的所有元素。我确定他们是正确的，因为他们在当地工作。无论如何，这是HTML和CSS。 <meta name="viewport" content="width=device-width">

0热度

1回答

cssnano从css @media查询中删除“all”属性查询

我很好奇cssnano对媒体查询的做法是否正确。在我的css文件中，我有。 @media all and (min-width: 600px) {} 通过cssnano运行我的CSS后，把它这个> @media (min-width: 600px) {} 这是安全生产中使用？我似乎无法找到任何地方，它说没有“全部”属性使浏览器默认为全部或者如果没有它是一个坏的东西发送到生产文件？

-1热度

1回答

如何在没有媒体查询的情况下堆叠3个流体（响应）列

我想编写一个响应流体电子邮件模板，其中我可以在不使用媒体查询的情况下堆叠3列。我可以使用下面的代码使它们浮动，并在宽度小于表格元素的两个最小宽度的总和时使它们堆叠。但是当宽度超过这个数值时，只有第三列被堆叠，剩下的两个仍然是内联的。如何在不使用媒体查询的情况下堆叠它们？如果完全可能的话。 table { } tr{ \t backgrou

-1热度

1回答

如何在CSS中为制表符和移动设置横向媒体查询？

我正在创建一个使用web视图的android应用程序。我的应用程序总是以横向模式打开。我需要针对移动设备和选项卡（均处于横向模式）的不同用户界面。如何在css中为标签页和移动设备设置横向媒体查询？

1热度

3回答

我应该使用哪种工具进行响应式网页开发：Chrome网页开发人员工具或只是调整窗口大小？

我一直在尝试为移动设备制作响应式网站。我已经发现了两个方法来测试响应式设计：通过调整窗口使用谷歌Chrome开发者的工具在他们两个我得到了不同的看法。哪一个给我正确的看法，因为我在'em'中使用font-size和padding。

1热度

3回答

无法覆盖的CSS媒体查询

https://codepen.io/everybodysfeelingwonderland/full/OjyRpM/ 不知怎的，我无法改变我的导航链接的颜色在我的媒体查询一个较小的屏幕尺寸。它应该变成白色，但对于更大的屏幕，它只是保持灰色。 @media all and (max-width: 580px){ nav li a, nav ul li{ color: white; text-

0热度

2回答

媒体查询中的最大宽度是使用宽度还是高度？

这个问题有点愚蠢，但很长一段时间我对此感到困惑。当我们在媒体查询中使用最大宽度时，它是否适用于当前宽度，还是适用于最长宽度。例如，我们知道iPhone 4是320 x 480，如果我希望我的查询仅适用于垂直视图，那么我应该使用max-width：320还是应该使用max-width：480

0热度

1回答

媒体查询断点像素规格

我对媒体查询断点应该是什么感到困惑。我用来做它的方式是由具有比下破点少一个像素，例如 @media screen and (max-width: 749px) {} //Mobile design CSS applies to everything until 74ppx @media screen and (min-width: 750px) and (max-width: 969px) {}

0热度

1回答

媒体查询iOS中不工作10

我有以下媒体查询： <meta name="viewport" content="width=device-width, initial-scale=1"> <link media="only screen and (max-height: 899px)" href="/ClientFiles/Demo/szxkLR.css" rel="stylesheet" type="text/css">

0热度

1回答

如何将媒体查询应用于ng-repeat表

我有下表，我需要它在移动设备/平板电脑上正确显示。我希望在滚动条的每一天显示每天的小时栏和可用性栏。 <table class="table"> <thead> <tr class="week"> <th></th> <th class="day">Wednesday 18th</th> <th class="day">Thursda