我正在努力使网站响应,但问题是,我需要在不触及页面内容的情况下使其响应.因此,页面上的所有内容都保持不变,但是使用新样式表和一些Javascript(但主要是CSS)我希望完成此任务.
该网站主要由表格组成..因此,当浏览器调整大小(或通过移动设备访问)时,我希望我的'tr'中的第二个'td'堆叠在第一个下面,而不是两个彼此相邻.
我给了'td'元素一个左浮动和100%的宽度,它在Firefox中运行良好,但在Chrome和Safari中,'td'都是50%并且在同一行.
如果您有任何想法,请告诉我,任何事情都值得赞赏!
对不起,如果标题有点令人困惑,我尽我所能!
所以基本上我有4个列 div,每个div包含5个链接.链接来自我的数据库中的表,因此添加了新链接并删除了其他一些链接,因此我需要通过数据库而不是手动编写它.现在我的问题是划分数组以便每列显示5个链接(所以当放置5个链接时,div关闭并打开一个新链接,除非没有更多的链接.
例如:
<div class="column">
<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>
</div>
<div class="column">
<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>
<a href="">Link</a>
</div>
等等
感谢任何人!