html - 境界線の色が境界線の半径で表示されない

Question

レスポンシブを同時に使用すると、境界線の色がモバイルに表示されません。モバイル解像度のテストでは、デスクで問題ないようです。

iPod のスクリーンショットは次のとおりです。

CSSコードは次のとおりです。

.box img {
    display: block !important;
    margin-top: 8px;
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

Nokia Lumia 920 のみに表示される境界線の色

これを解決するにはどうすればよいですか?

Answer 1

このCSSを画像ではなく画像のコンテナに適用します...

.box{
display: inline-block;
margin-top: 8px;
border: 1px solid #CCC;

-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

.box img { width:100%; margin-bottom:-1px; }