Material-ui: [الحاجز] ارتفاع غير متسق على الشاشة المقاسة

urirahimi أنت تجبر Chrome على إجراء حساب البكسل الفرعي ، وهذا عادة ما يكون له سلوكيات غريبة.
يمكنك تخفيف المشكلة من خلال:

const theme = createMuiTheme({
  overrides: {
    MuiDivider: {
      root: {
        marginTop: 1,
      },
    },
  ),
});

لقد حاولت تغيير التنفيذ من لون الخلفية إلى أعلى الحد ، فهذا لا يساعد.
https://stackoverflow.com/questions/12547580/borders-disappear-in-chrome-when-i-zoom-in

حاول زيادة تكبير المتصفحات إلى 90 أو 100 بالمائة. سحر

تحذير: ما زلت في الإصدار 3.9.2 وقد اختبرت فقط على Firefox و Chrome.

استخدام thin كسمك الحد حل المشكلة بالنسبة لي. يتيح للمتصفح تحديد السُمك. على Chrome ، تم اختيار thin ليكون 1px / zoom . - مما يعني أنه سيبقى دائمًا بكسل حقيقيًا واحدًا تمامًا بغض النظر عن مستوى التكبير. يفعل Firefox الشيء نفسه عند التصغير ، ولكنه سيجعل الحدود 2 بكسل حقيقي عندما> = 200٪ تكبير ، 3 بكسلات حقيقية عندما> = 300٪ تكبير وما إلى ذلك. من المؤسف أنهما لا يتصرفان بالطريقة نفسها ، ولكن كلاهما على الأقل يتصرفان أفضل مع thin من 1px .

const theme = createMuiTheme({
  overrides: {
    MuiDivider: {
      root: {
        // Dividers not consistent when zooming.
        // https://github.com/mui-org/material-ui/issues/14815
        borderTop: 'thin solid rgba(0, 0, 0, 0.12)', //this color should be theme.palette.divider if that is set
        backgroundColor: undefined,
        height: undefined,
      },
    },
  ),
});