CSSでは、幅、高さ、マージンなどでパーセンテージを使用すると、結果が100.25pxなどの小数のピクセル長で返されることがあります。これを次の整数に丸める方法を知りたいです。これは非常に一般的な問題のようです。私はそれの周りをたくさん検索しましたが、まだ解決策を見つけていません。
たとえば、以下のコードでは、Chromeは50.6pxを50pxに丸めますが、これは数学的な標準ではありません。
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e7d0), color-stop(72%,#f9e7d0), color-stop(72%,#207cca), color-stop(72%,#b08b5b), color-stop(100%,#b08b5b));
JavaScriptでは、これはceil関数を使用して実現できますが、純粋なCSSで実行できますか?
ブラウザは小数のピクセルを自動的に丸めます-いくつかは上に、いくつかは下に。これはブラウザにハードコードされているため、CSSを使用して強制的に実行する方法はありません。
さまざまなブラウザが小数ピクセルをどのように処理するかについての詳細は、こちらをご覧ください。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加