سلام وقتتون بخیر
این امکان وجود نداره که بخوام از یه سایز صفحه ای به بعد سایز بک گراند رو به صورت زیر قرار بدم؟
background-size: cotain
و تو سایز های پایینتر سایزی برای بک گراند نزارم و به صورت عادی باشه
من با مدیا انجام میدم،اما چیزی اعمال نمیشه،نمیدونم مشکل چیه
حتی برای اعمال بک گراند به عنصر،فقط از طریق استایل خطی جواب میده،اگه تو فایل css بک گراندو تنظیم کنم،اعمال نمیشه
این تگ html هستش که داخلش یه سری عناصر دیگه قرار داره
<div class="col-12 col-md-10 ml-md-auto" id="main" style="background: url(images/bgall.png) no-repeat"></div>
توی فایل css هم این مدیا رو نوشتم:
@media (min-width: 1200px) {
div#main{
background-size: contain
}
}
اینجوری بنویسید، ببینید درست میشه:
@media screen and (min-width: 1200px) {
div#main {
background-size: contain
}
}
توجه کنید که css خطی رو باید حذف کنید، چون اون در اولویت قرار میگیره و مانع اعمال دستورات مدیا ما خواهد شد:
<div class="col-12 col-md-10 ml-md-auto" id="main"></div>
شما در کد css که inline نوشتید کل background رو مقدار دادید و باعث میشه اون در اولویت قرار بگیره
از background-image استفاده کنید در اونجا
فقط background رو به background-image تغییر بدید درست میشه
اینطوری
<div class="col-12 col-md-10 ml-md-auto" id="main" style="background: url(images/bgall.png) no-repeat"></div>
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟