JSFiddle简单的CSS代码不能在localhost上工作

Question

http://jsfiddle.net/TTwtf/

这是一些使用媒体查询更改表格显示的简单CSS。如果width小于某个数量，它会隐藏表头，并且会使每行5列显示3行（2/2/1）。你可以在jsfiddle中扩大和缩小窗口并看到它正常工作。

我将html粘贴到一个空白的html文件中。 我将css粘贴到一个空白的css文件中。 我使用以下内容链接两者，以便html文件看起来像：

<link rel="stylesheet" type="text/css" href="jsfiddle.css" />
<table>
    <thead>
        <tr>
            <th class="cell-time">Booking Time</th>
.......

我在我的localhost上用chrome测试它。表格标题消失，但表格单元格不会像在jsfiddle上那样堆叠在彼此之上。我使用相同的chrome浏览器测试jsfiddle，它适用于jsfiddle。

我错过了什么或做错了什么？

Answer 1

听起来好像是Chrome Debugger tool。

尝试右键单击表标题所在的浏览器页面，然后选择Inspect Element。使用调试工具，您可以验证html和CSS是否符合您的预期（并尝试更改，直到您可以按照您的意愿工作）。