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

Javascript 如何确保ul中的每个li对于手机等小屏幕尺寸具有相同的高度?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的意思是,使用vh适用于笔记本电脑等大屏幕,但对于手机等小屏幕,则无法保持li的高度 有没有比对不同屏幕大小使用媒体查询更有效的方法来确保响应能力?媒体查询是这里最好的选择,我认为它非常有效 另一个选择是使用Sass,它是一个更高级的CSS扩展,它允许您在CSS中使用IF/ELSE语句,您可以在屏幕大小上进行测试。 这里有一个链接:媒体查询有什么问题?为什么要更改高度?我认为宽度对于更大/更小屏幕的缩放更为重要。大多数时候,我的网站中几乎每个元素的高度都有一个固定的值。宽度必须是动态的。@Se

我的意思是,使用vh适用于笔记本电脑等大屏幕,但对于手机等小屏幕,则无法保持li的高度


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

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

另一个选择是使用Sass,它是一个更高级的CSS扩展,它允许您在CSS中使用IF/ELSE语句,您可以在屏幕大小上进行测试。
这里有一个链接:

媒体查询有什么问题?为什么要更改高度?我认为宽度对于更大/更小屏幕的缩放更为重要。大多数时候,我的网站中几乎每个元素的高度都有一个固定的值。宽度必须是动态的。@SeReGa没有问题,只是想知道是否有更有效的宽度way@C4mps因为在手机上观看时,ul中li的高度不一样。我的意思是,从手机上看,李娜的身高不一样,我仍然不明白你为什么想要动态的身高,但这是你想要的。媒体查询绝对是这里的最佳选择。