[解決済み】CSSのwidthの小数点以下の桁数は尊重されるのか?
2022-04-04 01:03:16
質問
CSSデザインをしていて、以前から疑問に思っていたことがあります。
CSSのwidthの小数点以下の桁数は尊重されますか?それとも丸みを帯びているのでしょうか?
.percentage {
width: 49.5%;
}
または
.pixel {
width: 122.5px;
}
解決方法は?
パーセンテージ幅なら はい、尊重されます。 . Martinが指摘したように、端数のピクセルになると物事は破綻しますが、パーセント値が整数のピクセル値をもたらすなら(例では200pxの50.5%)、賢明で期待通りの動作が得られるでしょう。
編集する 私は を更新し、端数ピクセルがどうなるかを示すようにしました。 (Chromeでは値が切り捨てられるため、50, 50.5, 50.6のいずれも同じ幅で表示されます)。
関連
-
[解決済み】HTML5検証エラー:body開始タグは見たが、同じタイプの要素がすでに開かれていた
-
[解決済み】位置固定が機能しない
-
[解決済み】iframeの高さを100%にする方法【重複】。
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] CSSのクラス名/セレクタに使用できる文字は?
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] CSSセレクタの"~"(チルダ/スクイグル/ツイドル)はどういう意味ですか?
-
[解決済み] CSS画像を背景で伸縮させる - CSSのみで可能
-
[解決済み】マージンやパディングを親コンテナの高さに対する割合で設定するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】エラー。要求されたURL"[no URL]"は無効です。
-
js プログラミング共通のエラーです。Uncaught TypeError。XXXは関数ソリューションではありません
-
[解決済み] 高さを固定したBootstrapパネルボディの作り方
-
[解決済み] HTMLのテーブルを部分的に透明にするには?
-
[解決済み] will-change' や translateZ() ハックは 'transition: height' のパフォーマンスを向上させるか?
-
[解決済み] css画像が表示されない
-
[解決済み] iFrameがURLを読み込んでいない
-
[解決済み] 送信ボタンが機能しない
-
[解決済み] フッターの内容が重なっているのを修正するには?
-
[解決済み] Bootstrap: コンテナの幅を変更するには?