Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
需要不同断点时可重用的CSS?_Css - Fatal编程技术网

需要不同断点时可重用的CSS?

需要不同断点时可重用的CSS?,css,Css,我试图使我的CSS尽可能模块化和可重用。Im使用媒体查询为大小屏幕宽度的表设置不同的样式。我的问题是不同的表需要不同宽度的断点 对于代码维护来说,复制相同的代码并仅仅更改断点和选择器来更改特定表的断点是不好的,但是我还有其他选择吗?我确信SASS或更少的版本可以解决这个问题,但我没有使用它们,只是简单的旧CSS 纯CSS不行(至少我认为是这样)。但是如果你还没有少用,那就开始吧,这太棒了。我玩过的一个有趣的方法是使用javascript来检测一个表什么时候会超出它周围元素的宽度而破坏布局。一旦发

我试图使我的CSS尽可能模块化和可重用。Im使用媒体查询为大小屏幕宽度的表设置不同的样式。我的问题是不同的表需要不同宽度的断点


对于代码维护来说,复制相同的代码并仅仅更改断点和选择器来更改特定表的断点是不好的,但是我还有其他选择吗?我确信SASS或更少的版本可以解决这个问题,但我没有使用它们,只是简单的旧CSS

纯CSS不行(至少我认为是这样)。但是如果你还没有少用,那就开始吧,这太棒了。我玩过的一个有趣的方法是使用javascript来检测一个表什么时候会超出它周围元素的宽度而破坏布局。一旦发生这种情况,您就可以对表应用一个类来改变样式。您如何检测这种情况?我猜你可以看到桌子的宽度是否超过了它的容器的宽度?不清楚你在这里想要什么。“断点”是什么意思?媒体查询定义的CSS断点。