फ़ॉन्ट परिवार शीर्ष और नीचे क्रोम और फ़ायरफ़ॉक्स में भिन्न पैडिंग - एचटीएमएल, सीएसएस 3, फोंट

मैं "श्रुति" वेब फोंट का उपयोग कर रहा हूं और उन्होंने क्रोम और फ़ायरफ़ॉक्स में अलग-अलग प्रस्तुत किया है।

जोड़ा गया चित्र टेक्स्टबॉक्स के लिए हैं और वही चीजें अन्य तत्वों के लिए भी जाती हैं। मैंने पिक्सेल / एम में पैडिंग का उपयोग करने की कोशिश की है लेकिन एक ही चीज़ फिर से।

स्थिरता के लिए सभी ब्राउज़रों में फ़ॉन्ट (लंबवत) फ़ॉन्ट रिक्ति समस्या को कैसे ठीक करें? यहां छवि विवरण दर्ज करें

यहां छवि विवरण दर्ज करें

उत्तर:

जवाब के लिए 0 № 1
:-moz-placeholder { /* Firefox 18- */
line-height:10px;
}
::-moz-placeholder {  /* Firefox 19+ */
line-height:10px;
}

:-ms-input-placeholder {
line-height:10px;
}

इसे अपने सीएसएस कोड में जोड़ने का प्रयास करें, यह आपको प्लेसहोल्डर की लाइन ऊंचाई को केवल फ़ायरफ़ॉक्स के लिए क्रोम में दिखने के लिए समायोजित करने देगा।

जो कुछ भी आपको चाहिए उसके लिए 10 पीएक्स बदलें।

अन्य तत्वों के बारे में आपको अपने कोड के साथ एक उदाहरण पोस्ट करना चाहिए


संबंधित सवाल
सबसे लोकप्रिय