0

デザインを psd から HTML/CSS jQuery モバイルに変換しています。data-role コンテンツの問題で、右側に追加のパディングが作成されるため、幅が 100% の要素の幅が縮小されて見えます。Galaxy S3 で CSS スタイルとスクリーンショットを表示できます。ここに画像の説明を入力

これは、パディングのあるコンテナの次のスタイルです: 0px は、これを実行してパディングを強制的に 0 にしようとしました: <div data-role="content" class="absolute_content" style="padding:0px;">

div[data-role="content"].absolute_content {
        position: absolute;
        top: 44px;
        padding: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        margin-left: 4px;
        margin-right:4px;
        margin-bottom: 5px;
        box-shadow: 0px 0px 4px gray;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

まだこの問題が発生していますが、この問題に遭遇した人はいますか? 事前に私を助けてくれてありがとう。

4

0 に答える 0