css - 如何使这个 CSS 响应?

标签 css mobile stacked

在我的着陆页上:http://bit.ly/Z7GPai (密码:welcome)我有两个文本列:“.one-half first”和 .one-half。

我怎样才能实现 clear:both;命令是否正确,以便在小于 750 像素的移动屏幕上,“二分之一优先”列实际上显示在“二分之一”列下方?

换句话说,在移动显示器上,我希望“二分之一”列首先显示在视频正下方,然后是“二分之一”(即带有红色标题的列) ) 堆放在下面。

非常感谢。

最佳答案

您需要使用媒体查询。

有关 MDN 的更多信息:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

关于css - 如何使这个 CSS 响应?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20172259/

相关文章:

html - 移动站点使用 'Mega CSS Sprites' 有什么缺点?

javascript - 如何禁用 Google map 移动布局上的滚动?

java - Android 版本 6 和 7 上的代号一个相机权限

r - 是否有可能在 ggplot2 的堆积条形图中组合 position_stack 和 nudge_x?

colors - GNUplot:如何使用数据中的颜色代码绘制行堆叠条形图?

html - 如何打散长词而不至于溢出?

html - 为什么文本装饰被认为是前景的一部分

r - 堆积条形图上的单个误差条 ggplot

javascript - 如何在网页上出现-消失导航栏?

html - 为什么我不能正确对齐两个 div