使用响应式CSS，可以根据屏幕大小执行某些CSS。例如：
@media all and max-width: 1024px {...}
仅为宽度小于1024的屏幕设置CSS。现在我的目标是在元素的宽度（在我的情况下，表格）超过页面宽度时执行CSS。
所以简单地说，我希望当我的桌子不适合我的页面时执行CSS。
如果无法做到这一点，也可以将表格的宽度与固定值进行比较。因此，当某个元素的宽度大于... px时，将添加css。
我想要这样做的原因是我不希望表格超出页面宽度。根据PHP脚本的输出，表可以有不同的列数。
我知道这可以用Javascript完成，但我正在寻找一个CSS解决方案。
答案 0 :(得分：1)
使用纯CSS制作您想要的内容并不是一种简单明了的方法，但是在这个问题上有很好的创造性方法。 http://css-tricks.com/responsive-data-table-roundup/
**编辑：
更具体地说，也许最容易应用于您的情况的是ZURB的响应表技术，这需要简单地将文件reponsive-tables.js和responsive-tables.css链接到HTML文档，然后添加适当的您的table元素的类名。
您可以阅读更多相关信息并在http://zurb.com/playground/responsive-tables下载文件。