在智能手机

Question

我有一个包含3个并排<span>元素的网页 - 每个都是400像素宽。

这在我的笔记本电脑（以及其他浏览器和分辨率等）上看起来很好。

正如预期的那样，当我查看我的智能手机时，没有足够的空间容纳所有3个元素，1个移动到下一行。但是，我想在智能手机上查看时将每个元素强制放到一个新行上。

所以在计算机上我希望用户看到：

X X X

在智能手机上：

X
X
X

而不是我现在看到的：

XX
X

这可能吗？

Answer 1

当然可以！这称为responsive web design。您可以使用css media queries告诉浏览器根据屏幕尺寸和方向使用不同的样式规则。