media-queries

    0热度

    2回答

    我想创建四个彼此相邻的子项。现在,当视口宽度变小时,这些应该会折叠成两两两格。 (不太重要:当它变得更小时,它们应该是父宽度的100%。)现在我的问题不是通过媒体查询来创建这个问题。问题是第一个孩子的身高比第二个孩子的身高高。当他们倒向2×2网格时,第三个孩子总是放在第二个孩子下面,而不是第一个孩子(我想要它)。 我也尝试过flexbox,但据我所知,没有可能让它变成4乘1,2乘2或1乘4.这个问

    0热度

    1回答

    因此,我在全宽浏览器中使用嵌入式视频的方式,但是当它缩小到小尺寸浏览器和下面时,我无法确定找出响应的方式,所以它保持在浏览器的中心位置。 我正在使用Bootstrap的网格系统旁边的文本进行响应。我希望当浏览器触及中等大小以下时,将视频叠加在文本下方,并且当它处于中等大小的浏览器中时,我已成功地将视频集中在媒体查询中,但无法将其集中在小和超小的浏览器大小。这有意义吗? .section1Text

    0热度

    1回答

    我正在实施媒体查询的移动第一种方法。我为平板电脑和台式机设置了37.5em和50em的最小宽度媒体查询。 我希望项目部分显示为移动的列和行的桌面。我的桌面媒体查询似乎可以完成其他任何事情。 HTML: <section id="projects"> <h2>Projects</h2> <div id="projects_container"> <figure class="hvr-fl

    0热度

    1回答

    我一直对应用于html元素的样式有问题,这些更改是通过chrome开发工具进行的。我确保我的文本编辑器和chrome开发工具的编辑器同步,以便在我的编辑器中显示开发工具中所做的任何更改。问题是,当我更改我的行代码时,一旦我刷新了浏览器,更改就会消失,即使我保存了所做的更改并反映在本地文本编辑器中。我可能会做错什么,请问我在网上搜索答案,但没有。 如果问题太长,请耐心等待,但我希望尽可能详细。 P.

    0热度

    2回答

    为什么媒体查询中定义的字体颜色不起作用?例如, @media (min-width: 576px){ html { color: red !important; font-size: 1.2rem; } } 字体大小有效,但不是颜色即使有!重要。 这是引导4

    0热度

    2回答

    我正在尝试使网页响应。不过,我知道媒体查询,当使用三星Galaxy Note 4这样具有非常高分辨率的设备时,网页看起来很像桌面版本。 我知道有一种方法可以做到这一点,因为当我尝试访问像阿里巴巴这样已知的响应式网站时,它将我重定向到它的m.alibaba版本。这里的限定词是什么?因为显然它不是决议。 感谢您抽出时间。

    -1热度

    3回答

    在我以前的问题中,我问了一个类似的问题,但使用了引导框架。我希望能够在不使用引导程序的情况下创建响应式页面,因为我不太喜欢网格系统。 我有两个水平和垂直居中的div。当窗口被最小化时,我希望它能够响应并且在彼此之上堆叠起来。 CodePen上的我的code。我已经尝试了几次,我仍然不知道如何处理它: @media only screen and (max-width: 768px){ #

    0热度

    1回答

    我认为matchMedia在IE9中不支持,但媒体查询是。 我可以在这里失去了一点,但为什么在你的JavaScript中使用matchMedia时,你可以将下面的代码简单地添加到您的样式表 .desktop_view{display:block;} .mobile_view{display:none;} @media all and (max-width: 700px){ .des

    0热度

    1回答

    我有16个媒体查询或东西,我注意到,如果我把每个媒体查询肖像1不同的颜色一些正在下另一个媒体查询。比如我有: @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait

    1热度

    2回答

    我在这里有一些问题。 如果我运行脚本,当窗口宽度高于800像素时,将加载菜单。然后,我调整窗口的大小在800像素以下,菜单用一个按钮换出。但该按钮不起作用。如果我调整800px以上的窗口大小,菜单会再次出现,因为它应该是。 如果我运行脚本,当窗口宽度低于800px时,按钮将起作用。但是,然后我调整窗口800px以上的大小,菜单不会出现(除非我在调整大小之前将其保持打开状态),它应该。如果我再次调整