我正在为朋友设计一个非常简单的页面。我想让它响应,并使用表格。我不能让边界间隔工作......
您可以在此处查看我的作品: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%;
}
答案 0 :(得分:0)
它已被提及,但一般来说,桌子这些日子是非常大的失礼。但是,不要害怕使用其他方法!有一些非常非常简单的网格模式可供您使用。
考虑使用:
Bootstrap (http://getbootstrap.com/css/#grid)
或永远存在的 960网格系统(http://960.gs/)
这些系统是预先编写的,我认为您会发现它们可以为您提供更好的服务,并为将来的项目节省大量时间。