1
NemoAlex 2014-09-03 18:30:24 +08:00
Width: 100%
|
2
Csineneo 2014-09-03 18:34:13 +08:00
<code>word-wrap: break-word; word-break: break-word;</code>
|
5
jsonline 2014-09-03 18:51:11 +08:00 via Android
响应式
|
7
wsph123 2014-09-03 19:04:57 +08:00 via iPhone
唔 Mark 好像遇到相同问题了
|
8
raincious 2014-09-03 19:18:44 +08:00
1、Body设定固定宽度,完全不理会手机用户(事实上设定一个小于1000px的固定宽度手机用户横屏也能凑合看,我之前花半天做来玩的页面 http://t.cn/RhyYjHm ,没想到拿手机横着看也凑合),适合不想认真做或者要求非常不高/时间紧的方案。
2、响应式。用media query做两套方案。但是要求CSS编写灵活,需要一定技巧。 刚还敲了一段代码,但是猛然还是觉得丢个链接就好: http://getbootstrap.com/ |
9
pgfast 2014-09-04 01:53:22 +08:00
你需要的不是让 div 内的 li 能根据浏览器的宽度自动换行
而是外层容器的宽度自适应。简单点就设置成百分比就可以了。 |
10
liaa 2014-09-04 08:02:46 +08:00
```html
<meta name="viewport" content="width=device-width"> ``` 给楼主一个建议. 要让大家帮忙最好给个 demo 啊. |
11
1etters OP @liaa好来! demo在这 anytouch.org
|
20
liaa 2014-09-04 10:48:10 +08:00
|
22
1etters OP |
23
liaa 2014-09-04 11:53:09 +08:00
@1etters http://pan.baidu.com/s/192juA 修改过的地方被 "NOTE"注释包住了. 你想看我改了哪里只要搜索 "NOTE" 就可以找到.
|
26
liaa 2014-09-04 13:33:04 +08:00
...样式表也有相应的修改: blog.css
|
28
liaa 2014-09-04 13:34:56 +08:00
不奇怪...是你自己姿势错误
|
29
1etters OP @liaa 太感谢了!去掉了li的宽度定义!虽然不明白原因 但是确实成功了,看这个主题的收藏就知道很多人遇到这个问题了
|
30
liaa 2014-09-04 14:01:11 +08:00
解决问题就好. 不过你那么一个简单的页面却写了那么重(多)的 CSS,如果用于生产的话实在不妥.
|