2014-01-11 58 views
0

O.伙计们。 我有一个顶尖的应用程序,我使用JQuery的手机主题,但基本上我有一些列表项目,我需要在我的屏幕上显示,但我的屏幕是一个掌上电脑,它具有小屏幕尺寸,所以当我显示列表项目尺寸太大,我想减小字体大小。 在我的apex html页面我得到了一个“CSS内联”部分,并且实际上得到了一些如下所示的代码,其中我缩小了文本和数字字段的字体大小,但我不知道如何减小字体大小列表项,我想很容易,但实际上我是新的HTML和CSS的东西..如何使用css更改html列表中的字体大小

在此先感谢。

input[type="text"] {font-size:8px} 
input[type="number"] {font-size:8px} 

回答

4

你可以在CSS文件

ul li{ 
font-size:8px; 
} 

申请列表项的字体大小,如下面内嵌CSS:

<ul > 
<li style="font-size:50px";>item1</li> 
</ul> 
4

给你UL类的名称:

<ul class="bigFont"> 

加入您的<li>

<li>Hello world</li> 
<li>Hello world1</li> 
</ul> 

添加样式

.bigFont li{ 
font-size:8px; 
} 
1

如果是一个列表,你可以做

@media screen and (max-width: 400){ 
    ul li { 
    font-size: .8em; 
    } 
} 
  • 嵌套在媒体查询只,如果你适用于小屏幕
  • 有一个链接嵌套在李,选择标签a或放类名
  • 是一个很好的使用单位相对的做法
相关问题