Css @媒体代码在Chrome中似乎不起作用
我有下面的代码,我希望当屏幕的宽度小于一个特定的数字时单元格折叠 通常情况下,我习惯于IE出现问题,但在这种情况下,IE和Firefox都能很好地工作,而Chrome不会对此做出反应 有什么想法吗 我的代码是: @媒体屏幕和最大宽度:432px{ .dynTd{display:block;} } 姓名 标题 电话+0亿 移动电话+0亿 邮政email@email.com 公司名称 公司地址 邮政编码和城市Css @媒体代码在Chrome中似乎不起作用,css,media-queries,Css,Media Queries,我有下面的代码,我希望当屏幕的宽度小于一个特定的数字时单元格折叠 通常情况下,我习惯于IE出现问题,但在这种情况下,IE和Firefox都能很好地工作,而Chrome不会对此做出反应 有什么想法吗 我的代码是: @媒体屏幕和最大宽度:432px{ .dynTd{display:block;} } 姓名 标题 电话+0亿 移动电话+0亿 邮政email@email.com 公司名称 公司地址 邮政编码和城市 将td转换为块,同时保持tr不变将导致浏览器进行补偿-根据规范 如果“表行”框的子C不是
将td转换为块,同时保持tr不变将导致浏览器进行补偿-根据规范 如果“表行”框的子C不是“表单元格”,则在C和所有连续的非“表单元格”框周围生成一个匿名“表单元格”框 而带有display:block的td元素不再是“表格单元格”! 因此,浏览器会创建这样一个匿名表单元。显然,Chrome的表现方式与FF和IE不同 解决办法是确保这种情况不会发生;例如,将表中的所有元素转换为块,这样就不需要匿名表单元格 @媒体屏幕和最大宽度:432px{ 表,tr,td{display:block;} } 姓名 标题 电话+0亿 移动电话+0亿 邮政email@email.com 公司名称公司地址邮编和城市 让我想起了。