ブートストラップ グローバル CSS スタイル pict_html/css_WEB-ITnose

長い間ブログを更新していませんでしたが、プログラマーとして、一日中コンピューターに向かうのは非常に不快であり、よくあることです。残業が多いので、働き続けることは体にとって非常に不快です。そして、年齢が上がるにつれて、プログラマーの体調はますます悪化します。それでも、定期的に運動し、頸椎と肩をストレッチすることをお勧めします。とても新鮮なことがわかります

(1 ) 画像

Bootstrap バージョン 3 では、.img 応答クラスを画像に追加することで、画像がレスポンシブ レイアウトをサポートするようにすることができます。重要なのは、画像の max-width: 100%;、height: auto;、display: block; 属性を設定して、親要素内で画像をより適切に拡大縮小できるようにすることです。

.img-sensitive クラスを使用して画像を水平方向に中央に配置する必要がある場合は、.text-center の代わりに .center-block クラスを使用してください。

SVG 画像と IE 8-10

Internet Explorer 8-10 では、.img 応答に設定された SVG 画像は不均一な寸法を表示します。この問題を解決するには、問題が発生する場所に width: 100% 9; を追加します。他の画像形式が混乱する可能性があるため、ブートストラップはすべての画像要素に対してこのプロパティを自動的に設定しません。

使用するメソッドは次のとおりです:

<img src="..." class="img-responsive" alt="Responsive image">

图片的形状

以下の対応するクラスを 要素に追加することで、画像にさまざまな形状を与えることができます。

ブラウザ間の互換性

常に留意してください: Internet Explorer 8 は CSS3 の角丸プロパティをサポートしていません。

RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE