Website mein web-pages inside fixed width container ko window browser full width 100% increase easily kr sakte hai, aapki website ka web page html div wrapper container jaise 1024px width pe inner container width fixed box mein ho, or apne bich mein koi new section or new div browser full width 100% create krna hai.
apke liye niche 3 method css style code create kiya hai, any css code ko copy kr ke apne style css mein add or paste kr dena hai, yaha css code parent width ya inner width ko internal window browser ke full width 100vw viewport ko exactly full width 100% stretch krta hai.
yeha very simple style css tricks hai, yaha css style code ko fixed inner width container div ko full width 100vw viewport mein convert kr deta hai or inner new section ya new div mein aap browser web-page inner width se full width 100% html design mein text, images kuch bhi bana sakte ho.
<div class="container" style="width: 1024px; margin: 0 auto;">
<div class="row-full">
--- Full width container ---
</div>
</div>
apke liye niche 3 method css style code create kiya hai, any css code ko copy kr ke apne style css mein add or paste kr dena hai, yaha css code parent width ya inner width ko internal window browser ke full width 100vw viewport ko exactly full width 100% stretch krta hai.
yeha very simple style css tricks hai, yaha css style code ko fixed inner width container div ko full width 100vw viewport mein convert kr deta hai or inner new section ya new div mein aap browser web-page inner width se full width 100% html design mein text, images kuch bhi bana sakte ho.
Inner Container Width Make 100% Full Width
Full Width 100% Stretch Parent Inner Container Width Web Browser
HTML demo code - inside row-full container make full width
1st Method - Container Inside Width Make Full Width 100%
Niche diye gye css code ko copy kro or apne style css mein use kr sakte hai, aapka web page inner fixed width container browser full width (100%) ho jayega.
.row-full {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
2nd Method - Container Inner Width Make 100% Full Width
Niche diye gye css code ko copy kro or apne style css mein use kr sakte hai, aapka web page inner fixed width container browser full width (100%) ho jayega.
.row-full{
width: 99.225vw;
position: relative;
margin-left: -49.59vw;
left: 50%;
}
width: 99.225vw;
position: relative;
margin-left: -49.59vw;
left: 50%;
}
3rd Method - Container Inner Width Make Browser 100% Full Width
Niche diye gye css code ko copy kro or apne style css mein use kr sakte hai, aapka web page inner fixed width container browser full width (100%) ho jayega.
.row-full {
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
}
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
}