मैं चाहता हूं कि टेक्स्ट केवल मोबाइल पर केंद्रित हो। डेस्कटॉप पर टेक्स्ट सही संरेखित होना चाहिए।

@media only screen and (min-device-width: 320px) and (max-device-width: 800px) {
  .centerMobileOnly {
    text-align: center !important;
  }
}

@media only screen and (min-device-width: 600px) {
  .rightDesktopOnly {
    text-align: right !important;
  }
}
<div>
  <h3 class="rightDesktopOnly centerMobileOnly">02:00</h3>
</div>
2
escribe 5 सितंबर 2019, 16:35

1 उत्तर

सबसे बढ़िया उत्तर

आपको मीडिया सीएसएस के लिए दो वर्ग जोड़ने की ज़रूरत नहीं है, आप केवल एकल के माध्यम से जा सकते हैं।

.centerMobileOnly{
  text-align: right;
}
@media (max-device-width: 800px) {
  .centerMobileOnly {
    text-align: center;
  }
}
<div>
  <h3 class="centerMobileOnly">02:00</h3>
</div>
1
KuldipKoradia 6 सितंबर 2019, 06:54