我正在学习 HTML/CSS,我想将下面列出的网站(目前使用 Windows Excel 制作)重写为我编写的自定义内容。问题是使用表格很难移动友好。我还没有(很快)接触到 Javascript,但是有没有一种 CSS 方法可以解决这个问题?
我要更改的站点:http://libertyresourcedirectory.com/d/home.html
对于此站点:http://eglove.github.io/我仅使用@media screen max-width 1024px 和 728px 来提供自动“平板电脑”和“移动”版本。使用 LRD 站点执行此操作不会正确分解表格。
提前感谢任何答案! :)
最佳答案
你可以这样做:http://jsfiddle.net/sGJW5/1/ HTML
<div class="container">
<ul>
<li>
Computers
</li>
<li>
<a href="">Editing</a>
</li>
<li>
<a href="">Internet/Privacy </a>
</li>
</ul>
</div>
<div class="container">
<ul>
<li>
Computers
</li>
<li>
<a href="">Editing</a>
</li>
<li>
<a href="">Internet/Privacy </a>
</li>
</ul>
</div>
CSS
.container
{
display:inline-block;
}
.container ul
{
list-style:none;
}
.container ul li:first-child
{
background-color:red;
}
关于html - 表格的移动友好替代品?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24794084/