5
जब मैं div (id = "home") में टेक्स्ट आकार बदलता हूं, तो यह div के आकार को भी बदल देता है। मैं हर बार div आकार बदलने के बिना पाठ आकार बदलने में सक्षम होना चाहता हूँ।div आकार बदलने के बिना आप HTML/css में फ़ॉन्ट आकार कैसे बदलते हैं?
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
<link type="html/css" rel="stylesheet" href="websiteCSS.css"/>
<title>PROTOTYPE</title>
</head>
<body>
<div id="sidebar"></div>
<div id="home" class="header">Home</div>
</body>
</html>
और सीएसएस:
यहाँ HTML है
body{
margin: 0;
background: #d5e9d7;
}
#sidebar {
z-index: 1;
position: fixed;
width: 20%;
height: 100%;
margin-top: 0;
margin-left: 0;
#background-color: light blue;
background-image: linear-gradient(to bottom, #545454 0%, #424242 100%);
margin-bottom: 10px;
}
.header {
position: fixed;
width: 2.5em;
height: 1em;
padding: 8px;
background-color: #b2b2b2;
margin-top: 0.5%;
margin-left: 20.5%;
font-family: 'Josefin Sans', sans-serif;
font-size: 2em;
color: #333333;
}
.header:hover {
font-size: 2.1em;
}
मुझे एक समान समस्या का सामना करना पड़ रहा है। और मैं अपने div की ऊंचाई को पूर्व निर्धारित नहीं कर सकता। मुझे ऊंचाई पर सेट करने की आवश्यकता है कि यह होगा कि फ़ॉन्ट पहले से ही बड़ा था। मुझे फ़ॉन्ट आकार बढ़ाने के लिए होवर प्रभाव हो रहा है। – nikhilvj