کوچک کردن لوگو در نسخه موبایل سایت

[irmacfa 20]

دوستان من یه سایت دارم به آدرس :  لینک ها تنها برای اعضای سایت قابل نمایش است.

الان لوگوشو در نسخه دسکتاپ بزرگ کردم ولی وقتی روی گوشی نگاهش میکنی خیلی بزرگتر از الانه چطوری کوچیک میشه

لینک ها تنها برای اعضای سایت قابل نمایش است.

[w3develop 3]

از کدهای media screen در css استفاده کن

باید بگی که از سایز 767 به پایین سایزش رو کوچکتر نشون بده

اگر از بوت استرپ استفاده کنی فقط کافیه کلاس عکس رو img-responsive بزاری

[irmacfa 20]

در 20 ساعت قبل، w3develop گفته است :

از کدهای media screen در css استفاده کن

باید بگی که از سایز 767 به پایین سایزش رو کوچکتر نشون بده

اگر از بوت استرپ استفاده کنی فقط کافیه کلاس عکس رو img-responsive بزاری

 

متوجه منظورت نشدم

[laruz 983]

.yourimgclass{max-width:100%}

ببر تو مدیا کوئری 

[irmacfa 20]

در 46 دقیقه قبل، laruz گفته است :

.yourimgclass{max-width:100%}

ببر تو مدیا کوئری 

اینجا باید بنویسیمش ؟ 

 

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

[nazmehr 0]

بسیار عالی

[irmacfa 20]

دوستان راهنمایی میکنید نحوه بردن کد در مدیا کوئری 

[Masih 6,279]

در 19 ساعت قبل، irmacfa گفته است :

دوستان راهنمایی میکنید نحوه بردن کد در مدیا کوئری 

درود.

یک نمونه دستور Media به صوررت زیر هست. این دستور رو باید در یک فایل CSS قرار بدید. عدد 600 پیکسل یعنی دستوراتی که داخل این Media قرار بگیره، فقط در صفحه نمایش دستگاه هایی که 600 پیکسل یا کمتر هستند اجرا میشه. داخل این دستور هم کلس ها یا آی دی و ... رو می تونید تعریف کنید و مقادیر متفاوتی بدید :

@media screen and (max-width: 600px) {
  .custom {max-width: 100%}
}