0

私はいくつかのCSSを取得して、いくつかのwe要素を次のようにCSSに揃えようとしています(Chromeでの表示方法):

クロムのcall_to_action

しかし、私が得るのはデバイスでこれです:

デバイス上の call_to_action

この要素の私の Html は次のとおりです。

<div class="callToAction">
    <p id="p32" class="para"> My personal plan to give service: </p>
    <a id="p33" href="note://title=My_personal_plan_to_give_service:&amp;tags=plan&amp; name="p33"></a>
</div>

私のCSS：

.callToAction p{
    background-color:rgb(158, 107, 31);
    padding:.5em;
    color:#FFF;
    font-family:"HelveticaNeue-Light";
    font-size:.9em;
    position:relative;
}
.callToAction p:after{
    content:"";
    position:absolute;
    bottom:-15px;
    left:25px;
    border-width:15px 15px 0;
    border-style:solid;
    border-color:rgb(158, 107, 31) transparent;
}
.callToAction a{
    display:block;
    color:inherit;
    width:96%;
    min-height:100px;
    background:url(file:///android_asset/call_to_action.png) no-repeat 98% 95% rgb(230, 230, 220);
    background-size:6%;
    margin-bottom:1em;
    padding: 15px 2%;
}

.callToAction a:empty{
    width:100%;
    background:url(file:///android_asset/call_to_action.png) no-repeat center rgb(230, 230, 220);
    background-size:12%;
    padding: 10px 0%;
}
4

1 に答える 1

1

「p」要素のマージンをリセットする必要があります。デフォルトでは、クロムは「1em」に設定されています。margin: 0px;CSS スタイル「.callToAction p」に を追加します。

于 2013-06-13T10:14:55.083 に答える