我正在开发sencha android移动应用程序,sencha中的每个组件看起来都非常大,字体大小也很大,我完成了我的应用程序,但最后我必须做造型。
我必须使用css减少每个组件的大小,我怎么能开始,我不是很擅长css而且我也讨厌sass。
我需要注意的是什么,我在css下面使用过。
.btnfacebook {
background: url(../images/facebook.png) !important;
background-repeat: no-repeat !important;
}
.btnmyapp {
background: url(../images/myapp.png) !important;
background-repeat: no-repeat !important;
}
.btntwitter {
background: url(../images/twitter.png) !important;
background-repeat: no-repeat !important;
}
.my-dataview-item {
background: #ddd;
border-bottom: 1px solid #ccc;
}
.my-dataview-item img {
width: 50px;
height : 43px;
float: left;
margin-right: 1em;
}
.my-dataview-item #count {
float: right;
-webkit-border-radius: 9px;
-moz-border-radius: 999px;
border-radius: 999px;
width: -4px;
height: 25px;
padding: 4px;
background: #fff;
border: 2px solid #666;
color: #666;
text-align: center;
font: 14px Arial, sans-serif;
margin-bottom: -4px;
}
.my-dataview-item #time {
float: right;
margin-right: 1em;
}
.x-list-item-label div{
padding-left: 3px;
}
#profilePhoto {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#profilePicture{
background-repeat: no-repeat;
background-size: contain;
}
答案 0 :(得分:1)
最好使用sass,并生成类似的css文件。您可以设置默认字体大小(仅使用1行),其余大小按该大小计算。
有关如何开始的好教程可以在这里找到: