جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
حدیثه مطلوب
3 سال پیش توسط حدیثه مطلوب مطرح شد
8 پاسخ

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

سلام وقتتون بخیر
این امکان وجود نداره که بخوام از یه سایز صفحه ای به بعد سایز بک گراند رو به صورت زیر قرار بدم؟
background-size: cotain
و تو سایز های پایینتر سایزی برای بک گراند نزارم و به صورت عادی باشه


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
2

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


حدیثه مطلوب
تخصص : فرانت اند
@hadisematloob 3 سال پیش مطرح شد
0

من با مدیا انجام میدم،اما چیزی اعمال نمیشه،نمیدونم مشکل چیه
حتی برای اعمال بک گراند به عنصر،فقط از طریق استایل خطی جواب میده،اگه تو فایل css بک گراندو تنظیم کنم،اعمال نمیشه


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
0

کدهاتون رو قرار بدین.


حدیثه مطلوب
تخصص : فرانت اند
@hadisematloob 3 سال پیش مطرح شد
0

این تگ 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
    }
}

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
0

اینجوری بنویسید، ببینید درست میشه:

@media screen and (min-width: 1200px) {
    div#main {
        background-size: contain
    }
}

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
0

توجه کنید که css خطی رو باید حذف کنید، چون اون در اولویت قرار میگیره و مانع اعمال دستورات مدیا ما خواهد شد:

<div class="col-12 col-md-10 ml-md-auto" id="main"></div>

عرفان
تخصص : Python
@erf 3 سال پیش آپدیت شد
-4

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


saman
@saman1111 3 سال پیش مطرح شد
0

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

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام