Material-ui: [विभक्त] स्केल की गई स्क्रीन पर असंगत ऊँचाई

@urirahimi आप
आप इस समस्या को कम कर सकते हैं:

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 संस्करण पर हूं और केवल फ़ायरफ़ॉक्स और क्रोम पर परीक्षण किया है।

सीमा मोटाई के रूप में thin का उपयोग करना मेरे लिए समस्या तय करता है। यह ब्राउज़र को मोटाई तय करने देता है। Chrome thin को 1px / zoom होने के लिए चुना जाता है। - इसका अर्थ है कि यह ज़ूम-लेवल की परवाह किए बिना हमेशा 1 वास्तविक पिक्सेल रहेगा। फ़ायरफ़ॉक्स जूम आउट करते समय भी ऐसा ही करता है, लेकिन बॉर्डर को 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,
      },
    },
  ),
});