首页
社区
课程
招聘
[建议]论坛小BUG
发表于: 2013-1-23 23:36 7632

[建议]论坛小BUG

2013-1-23 23:36
7632
就是关于大字体的问题。
1.行距没有随着字体变大而改变。
例如:

当您点击某个论坛的名称时,您将进入它包含的主题的列表。主题是会员或游客之间的会话。每个主题开始于某个单独的帖子,并不断增长,添加不同用户发表的帖子在其后。主题可以被评分 (?) 以显示主题的可用性或流行度。主题还可以包含投票 (?)。

字体会重叠。

2.不算是bug了。算是一个建议。为什么没有所见即所得的编辑方式呢~~~

7

[课程]Android-CTF解题方法汇总!

收藏
免费 0
支持
分享
最新回复 (15)
雪    币: 67
活跃值: (10)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
2
果然是哎   LZ字体好混乱
2013-1-24 00:37
0
雪    币: 115
活跃值: (27)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
3
晕了 ~~~~~~~~~~~·
2013-1-24 02:38
0
雪    币: 44229
活跃值: (19955)
能力值: (RANK:350 )
在线值:
发帖
回帖
粉丝
4
哪位CSS语句比较了解的,帮改改
2013-1-24 10:03
0
雪    币: 112
活跃值: (10)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
5
在目录下的/clientscript/vbulletin_important.css添加一行:
#wrap font {line-height:1em;}
2013-1-28 10:01
0
雪    币: 3343
活跃值: (1243)
能力值: ( LV4,RANK:40 )
在线值:
发帖
回帖
粉丝
6
我想起来了验证码,就是这个感觉。
2013-1-28 10:22
0
雪    币: 44229
活跃值: (19955)
能力值: (RANK:350 )
在线值:
发帖
回帖
粉丝
7
试了一下,没效果。

/* Definitions we expect */
form {
	margin: 0px;
}

label {
	cursor: default;
}

.normal {
	font-weight: normal;
}

.inlineimg {
	vertical-align: middle;
}

.underline {
	text-decoration: underline;
}

.vbmenu_hilite * {
	cursor: pointer;
}

/* Auto-clearing of floats */
.floatcontainer:after, .block_row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.floatcontainer, .block_row {
	display: inline-block;
}
/* IE-Mac hide \*/
* html .floatcontainer, * html .block_row {
	height: 1%;
}
.floatcontainer, .block_row {
	display: block;
}
/* End IE-Mac hide */
2013-1-28 11:06
0
雪    币: 61
活跃值: (10)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
8
1234567
7654321


#wrap font {line-height:1em;} 不行,
设成#wrap font {line-height:1;} 却行,
真是奇怪?
2013-1-28 11:34
0
雪    币: 112
活跃值: (10)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
9
纳尼?FF和IE下试过了都应该可以的说(难道是缓存没更新过来?)。

==============================================================

再仔细看了下,有页面模版中有一处写了行高:

<div id="post_message_{$pid}" style="overflow-x: hidden;;line-height:162%">

当line-height的值为百分比时,具体数值将依据当前元素的font-size进行计算。在该div中,font-size为12px。结果,行高被错误的固定为19.44px。

另有一处

.alt1, .alt1Active
{
        background: #F5F5F5;
        color: #13253C;
        font: 12px 宋体,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        border-bottom: 1px solid #E2E7F0;line-height:20px; padding:5px;
}

按照CSS手册,下边框只能设置border-bottom-width/border-bottom-style/border-bottom-color。之后的属性会被解析到font项中。

这里如果不调整,那么行高会被继续写死为20px,同样无法使得自适应字体大小。

于是,解决方式:

删除line-height:162%与line-height:20px;
2013-1-28 12:34
0
雪    币: 61
活跃值: (10)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
10
其实只要line-height后不加单位直接数值就行了!(如果line-height属性值有单位,那么继承的值则是换算后的一个具体的px级别的值;而如果属性值没有单位,则浏览器会直接继承这个“因子(数值)”,而非计算后的具体值,此时它的line-height会根据本身的font-size值重新计算得到新的line-height 值。)
2013-1-28 13:39
0
雪    币: 112
活跃值: (10)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
11
对头,我肿么没有想到。啊哈哈~
2013-1-28 13:52
0
雪    币: 44229
活跃值: (19955)
能力值: (RANK:350 )
在线值:
发帖
回帖
粉丝
12
line-height:20px;//删除后,会影响其他版面的效果,所以还是保留。
line-height:162% 这个刚删除了,但显示还是老样子。并且删除后,导致帖子行与行间距变小了,不利于阅读。
2013-1-28 13:56
0
雪    币: 112
活跃值: (10)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
13
正如 caogensj 说的一样,line-height:162%这个换成line-height:1或者1.2之类不带单位的因子数更为妥当。
2013-1-28 14:00
0
雪    币: 44229
活跃值: (19955)
能力值: (RANK:350 )
在线值:
发帖
回帖
粉丝
14
line-height 换成1后,1楼帖子正常了。

但帖子行与行之间距离比较近,有什么办法调开些距离?不然看一些文字较多的帖,会比较累。
2013-1-28 14:02
0
雪    币: 112
活跃值: (10)
能力值: ( LV2,RANK:10 )
在线值:
发帖
回帖
粉丝
15
有……1.62就可以
2013-1-28 14:04
0
雪    币: 44229
活跃值: (19955)
能力值: (RANK:350 )
在线值:
发帖
回帖
粉丝
16
感谢!

line-height:162%

修改下面的就正常了:
line-height:1.62
2013-1-28 14:07
0
游客
登录 | 注册 方可回帖
返回
//