如何使CSS響應？

Question

在我的目標網頁上： http : //bit.ly/Z7GPai （密碼：Welcome）我有兩個文本列：“ .one-half first”和.one-half。

我該如何實施clear：both; 命令正確執行，以便在小於750像素的移動屏幕上，“二分之一優先”列實際上顯示在“二分之一”列之下？

換句話說，在移動顯示器上，我希望首先在視頻下方顯示“一半”列，然后在其下方堆疊“一半優先”（即帶有紅色標題的列） 。

非常感謝。

Answer 1

您將要使用媒體查詢。

有關MDN的更多信息： https : //developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries