Firefox ब्राउजर आणि Google Go ब्राउजर वर वेबसाईट खूप छान दिसते, परंतु Chrome च्या बाबतीत असे नाही, फॉन्ट खूप मोठा दिसतो, तसेच स्टाईल सुद्धा एवढी छान दिसत नाही. माझ्या वेबसाईट मध्ये असा कोणता कोड जोडू की माझी वेबसाईट Firefox आणि Google Go मध्ये जशी दिसते तशी दिसायला पाहिजे?

Question

Firefox ब्राउजर आणि Google Go ब्राउजर वर वेबसाईट खूप छान दिसते, परंतु Chrome च्या बाबतीत असे नाही, फॉन्ट खूप मोठा दिसतो, तसेच स्टाईल सुद्धा एवढी छान दिसत नाही. माझ्या वेबसाईट मध्ये असा कोणता कोड जोडू की माझी वेबसाईट Firefox आणि Google Go मध्ये जशी दिसते तशी दिसायला पाहिजे?

2 उत्तरे

2 answers

Firefox ब्राउजर आणि Google Go ब्राउजर वर वेबसाईट खूप छान दिसते, परंतु Chrome च्या बाबतीत असे नाही, फॉन्ट खूप मोठा दिसतो, तसेच स्टाईल सुद्धा एवढी छान दिसत नाही. माझ्या वेबसाईट मध्ये असा कोणता कोड जोडू की माझी वेबसाईट Firefox आणि Google Go मध्ये जशी दिसते तशी दिसायला पाहिजे?

0

तुमच्या वेबसाइटमध्ये असा कोड जोडण्यासाठी, ज्यामुळे ती Firefox आणि Google Go मध्ये दिसते तशीच Chrome मध्ये दिसेल, काही गोष्टी तपासाव्या लागतील आणि काही उपाययोजना कराव्या लागतील.

1. CSS रीसेट (CSS Reset):

प्रत्येक ब्राउजरची स्वतःची डिफॉल्ट स्टाईलशीट असते. त्यामुळे, CSS रीसेट वापरून तुम्ही ब्राउजरच्या डिफॉल्ट स्टाईल्स रीसेट करू शकता. यामुळे, ब्राउजरमध्ये एकसारखे दृश्य दिसेल.

उदाहरण:

तुम्ही normalize.css किंवा reset.css वापरू शकता.

हे CSS तुमच्या HTML फाईलमध्ये <head> मध्ये जोडा:

उदाहरण:

2. ब्राउजर-स्पेसिफिक CSS (Browser-Specific CSS):

काहीवेळा, विशिष्ट ब्राउजरसाठी CSS स्टाईल्स लागू करण्याची गरज असते. यासाठी, तुम्ही ब्राउजर-स्पेसिफिक हॅक्स वापरू शकता.

उदाहरण:

Chrome साठी:

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome-specific CSS here */ }

3. फॉन्ट साइझ आणि युनिट्स (Font Size and Units):

फॉन्ट साइझसाठी px ऐवजी em किंवा rem युनिट्स वापरा. यामुळे, फॉन्ट साइझ वेगवेगळ्या स्क्रीन साइझमध्ये व्यवस्थित दिसेल.

उदाहरण:

body { font-size: 16px; } h1 { font-size: 2em; /* 32px */ }

4. व्ह्यू पोर्ट मेटा टॅग (Viewport Meta Tag):

तुमच्या HTML फाईलच्या <head> मध्ये व्ह्यूपोर्ट मेटा टॅग असल्याची खात्री करा. यामुळे, वेबसाइट वेगवेगळ्या डिव्हाइसवर योग्य प्रकारे स्केल होईल.

उदाहरण:

5. Chrome डेव्हलपर टूल्स (Chrome Developer Tools):

Chrome डेव्हलपर टूल्स वापरून तुम्ही CSS स्टाईल्स तपासा आणि बदला. यामुळे, तुम्हाला Chrome मध्ये काय समस्या आहे हे समजेल आणि तुम्ही त्यानुसार उपाय करू शकता.

तुमच्या वेबसाईटवर राईट क्लिक करा आणि "Inspect" निवडा.
"Elements" टॅबमध्ये, CSS स्टाईल्स तपासा.
"Computed" टॅबमध्ये, अंतिम स्टाईल्स तपासा.

6. कॅशिंग (Caching):

कधीकधी, ब्राउजर कॅशमुळे जुन्या स्टाईल्स दिसू शकतात. त्यामुळे, Chrome मध्ये कॅश क्लियर करून पहा.

कॅश क्लियर करण्यासाठी:

Chrome मध्ये जा आणि More tools > Clear browsing data वर क्लिक करा.
"Cached images and files" सिलेक्ट करा आणि "Clear data" वर क्लिक करा.

हे काही उपाय आहेत ज्यांच्या मदतीने तुम्ही तुमच्या वेबसाईटला Firefox आणि Google Go मध्ये दिसते तशीच Chrome मध्ये दिसेल याची काळजी घेऊ शकता.

उत्तर लिहिले · 25/3/2025

उत्तर रोबोट

कर्म · 860

चंद्रशेखर गारकर · Accepted Answer · उत्तर लिहिले · 20/3/2023

जेव्हा तुम्ही वेबसाइटमध्ये फाँट टाकत नाही, तेव्हा ब्राउजर आपापल्या फाँट वापरतात, आणि तुम्हाला दिसल्याप्रमाणे वेगवेगळ्या फाँट दिसतात.

एकच फाँट सगळीकडे दिसावा त्यासाठी तुमच्या वेबसाईट वर फाँट टाका. Google fonts हा एक मोफत पर्याय आहे.

HTML मध्ये कोड टाकून तुम्ही ही फाँट वापरू शकता.

<!DOCTYPE html>

<html>

<head>

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>

<style>

body {

font-family: 'Roboto';font-size: 22px;

}

</style>

</head>

<body>

<p>मजकूर</p>

</body>

</html>

https://developers.google.com/fonts/docs/getting_started येथे याबद्दल सविस्तर माहिती दिली आहे.

Related Questions