0

私は sencha Android モバイル アプリを開発しています。sencha のすべてのコンポーネントが非常に大きく、フォント サイズも大きく、アプリケーションを完成させましたが、最後にスタイリングを行う必要があります。

css を使用してすべてのコンポーネントのサイズを小さくする必要があります。

私が見る必要があるものは何ですか。以下の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;
}
4

1 に答える 1

1

sass を使用して、そのように css ファイルを生成するのが最善です。デフォルトのフォント サイズを設定でき (1 行のみを使用)、残りのサイズはそのサイズに基づいて計算されます。

開始方法に関する優れたチュートリアルは、次の場所にあります。

http://docs.sencha.com/touch/2-1/#!/guide/theming

于 2012-11-26T09:16:16.153 に答える