اندازه بک گراند

خیلی سادس. از دستورات media در css استفاده کنید.

من با مدیا انجام میدم،اما چیزی اعمال نمیشه،نمیدونم مشکل چیه
حتی برای اعمال بک گراند به عنصر،فقط از طریق استایل خطی جواب میده،اگه تو فایل 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>

راهنمایی دوستانه هر موقع کار نکرد یه important! بزارید مشکل حل می شه اکثر واقع😂😂

شما در کد 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>