无法获得边框间距

时间:2015-03-19 20:58:21

标签: html css responsive-design

我正在为朋友设计一个非常简单的页面。我想让它响应,并使用表格。我不能让边界间隔工作......

您可以在此处查看我的作品:https://jsfiddle.net/Lt2wpehL/

也许这部分会覆盖一些东西?

@media screen and (max-width: 500px) {    
.info td {
    display: block;
    float: left;
    width: 50%;
}
.info tr,
.info td:nth-child(3) {
    float: none;      
    width: 100%;
}

1 个答案:

答案 0 :(得分:0)

它已被提及,但一般来说,桌子这些日子是非常大的失礼。但是,不要害怕使用其他方法!有一些非常非常简单的网格模式可供您使用。

考虑使用:

Bootstrap http://getbootstrap.com/css/#grid

或永远存在的 960网格系统http://960.gs/

这些系统是预先编写的,我认为您会发现它们可以为您提供更好的服务,并为将来的项目节省大量时间。