javascript - 对于手机等小屏幕尺寸，如何确保 ul 中的每个 li 具有相同的高度？

Question

我的意思是使用 vh 适用于像笔记本电脑这样的大屏幕尺寸，但对于像手机这样的小屏幕尺寸，li 的高度不会保持不变。

有没有比对不同屏幕尺寸使用媒体查询更有效的方法来确保响应能力？

标签： javascriptjqueryhtmlcss

Answer 1

媒体查询是这里最好的选择，我认为它非常有效。

另一种选择是使用 Sass，它是一个更高级的 CSS 扩展，它允许您在 CSS 中使用 IF/ELSE 语句，在您的情况下，您可以在屏幕尺寸上进行测试。这是一个链接：https ://sass-lang.com/