توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : پوشش 100 درصد صفحه با css
<?php?>
May 14th, 2017, 13:31
میخوام یک body داشته باشم که head و width برابر 100% باشه و بهش بتونم border برم تا مقل قاب عکس بشه ( البته این کار رو مینم تا رسپانسیو بشه ;) ) . تا ال آن با jquery میومدم این کار رو انجام میدادم . اما خسته کننده و طولانی هست . با سی اس اس نمی شه ؟ ساپورت مرورگر ها هم برام تقریبا مهمه
اینم نمونه ای از پروژم : https://jsfiddle.net/q3p0vh58/
1eng.ir
May 14th, 2017, 21:25
ضمیمه ...
phpcoding
May 15th, 2017, 02:23
با سلام
به راحتی قابل انجامه . یک توضیح ساده میدم خدمتتون بعدشم یه نمونه کد براتون میزارم
یک div تعریف کنید و یک کلاس یا آیدی براش تعریف کنید
سپس top و bottom و left و right اون المنتی که ساختید رو برابر با 0 کنید . حتما important رو فراموش نکنید که قابل تعویض توسط المنت های دیگر نباشه
سپس position رو روی fixed قرار بدید و مجددا important رو فراموش نکنید
سپس width و height رو با استفاده از important روی 98.5% و 96.8% قرار بدید و بعدشم برای اینکه یک موقع المنت زیر المنت های دیگه نیوفته حتما z-index رو در بالاترین حد ممکن قرار بدید
در آخر هم margin-left و margin-top و margin-bottom و margin-right رو حتما 0% یا 0px کنید با important
بعدشم تغییرات مورد نظرتونو مثل border ها و ... روی اون المنت اعمال کنید . اینم نمونه کد که روی لوکال نوشته شده و تست کردم :
html, body {
width:100%;
height:100%;
}
body {
border:10px solid red;
}
MJmoonwalk
May 15th, 2017, 11:04
html {
height: 100%;
}
body {
min-height: 100%;
}
mojtaba05
May 15th, 2017, 14:35
سلام
به html ارتفاع 100 درصد بدید.
برای این که ضخامت بردر هم جزو طول و عرض بادی حساب بشه، بهش box-sizing: border-box بدید. مارجین پیش فرض بادی رو هم صفر کنید.
دموی بروز شده ی شما:
https://jsfiddle.net/sabeti05/q3p0vh58/3/