怎么让 div 内的 li 能根据浏览器的宽度自动换行呢？

2014-09-03 18:18:14 +08:00
 1etters
做了一个单页，在全屏浏览的时候没有问题，但是当浏览器宽度变小的很多的时候就只能显示网页左边的内容，右边的需要水平拉动才能看，在手机上那就更惨不忍睹了！
有什么办法能让div内的多个li自动换行呢？
3182 次点击
所在节点    问与答
31 条回复
1etters
2014-09-04 11:03:26 +08:00
@liaa 很奇怪这两句我已经删除了，但是我这里没有出现截图上的效果！而是改变浏览器宽度的时候图片什么的都跟着缩小了
1etters
2014-09-04 11:10:21 +08:00
@liaa http://pan.baidu.com/s/1qWjrjdE#0-tqq-1-25037-89b7933b38b0586d98eb9d131fa70b46
liaa
2014-09-04 11:53:09 +08:00
@1etters http://pan.baidu.com/s/192juA 修改过的地方被 "NOTE"注释包住了. 你想看我改了哪里只要搜索 "NOTE" 就可以找到.
1etters
2014-09-04 13:21:55 +08:00
@liaa OK 我正在尝试
1etters
2014-09-04 13:31:16 +08:00
@liaa li加了那个样式后 我这还是没出效果
liaa
2014-09-04 13:33:04 +08:00
...样式表也有相应的修改: blog.css
1etters
2014-09-04 13:34:18 +08:00
@liaa 你发我那个又确实有 好奇怪
liaa
2014-09-04 13:34:56 +08:00
不奇怪...是你自己姿势错误
1etters
2014-09-04 13:37:18 +08:00
@liaa 太感谢了！去掉了li的宽度定义！虽然不明白原因 但是确实成功了，看这个主题的收藏就知道很多人遇到这个问题了
liaa
2014-09-04 14:01:11 +08:00
解决问题就好. 不过你那么一个简单的页面却写了那么重(多)的 CSS,如果用于生产的话实在不妥.
1etters
2014-09-04 15:40:14 +08:00
@liaa 哈哈，回头精简下！现在先赶出来

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/131545

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX