2017-08-10 7 views
0

間の1ピクセル幅の差:特定の画面幅のスタイリングが反応選択、<a href="https://github.com/JedWatson/react-select/" rel="nofollow noreferrer">react-select</a>に関してコンポーネント

は、Select-controlSelect-menu-outer、それぞれ選択ボタン容器と選択リストの容器との間の幅の1ピクセルの違いがあります。彼らは兄弟であり、私はborder: 1px solid $grayスタイルを両方に適用しました。私は他の要素にそのスタイルを適用しようとしましたが、奇妙な結果がありました。

1pxのグリッチを参照してください:

screenshot 2017-08-10 12 12 10

彼らは兄弟だ:特定のシナリオで

screenshot 2017-08-10 12 13 22

、それに適用さwidth: 100%スタイルを持っていますが、Select-controlが計算しているの両方183pxの幅とSelect-menu-outerの幅は183.98pxと計算され、したがって1pxの差があります。

アイデア?

答えて

0

明らかにSelect-controldisplay: tableのために、元の幅183.98は切り捨てられます(上向きではありません)。

display: tableSelect-menu-outerに適用して修正しましたが、それまでの副作用はありませんでした。

関連する問題

 関連する問題