رفتن به مطلب
madidi

شرط در css

پست های پیشنهاد شده

سلام 

چطور میشه شرط برای یه المان تعریف کرد ؟

مثلا اگر در یک قسمت [500px*500px] با فونت 15px بصورت کامل متن پر شد بجا اینکه ارتفاع اون دیو زیاد بشه یا اسکرول بخوره یا ... سایز متن از 15 به 12 بصورت خودکار تغییر کنه تا اون دیو همون جوری بدون تغییر بمونه ؟

به اشتراک گذاری این ارسال


لینک به ارسال

باسلام

به نظرم طرف دوم شرط تون رو ناقص گفتید. الان در حالت دوم سایزتون چیزی غیر از 500×500 هست. که اگر کمتر از اون بود فونت با سایز 12 نمایش داده بشه 

درست متوجه شدم یا خیر منظورتون چیز دیگری هست!؟

موفق باشید و سربلند

به اشتراک گذاری این ارسال


لینک به ارسال
در 24 دقیقه قبل، madidi گفته است :

سلام 

چطور میشه شرط برای یه المان تعریف کرد ؟

مثلا اگر در یک قسمت [500px*500px] با فونت 15px بصورت کامل متن پر شد بجا اینکه ارتفاع اون دیو زیاد بشه یا اسکرول بخوره یا ... سایز متن از 15 به 12 بصورت خودکار تغییر کنه تا اون دیو همون جوری بدون تغییر بمونه ؟

سلام نمیشه با css که اگر باکس کامل پر شد فونت تغییر کنه اما می تویند شرط کنید که به ی سایزی رسید فونت تغییر کنه.

به اشتراک گذاری این ارسال


لینک به ارسال

با چه چیزی میتونم این شرط درست کنم ؟

در 13 دقیقه قبل، Mirrajabi گفته است :

سلام نمیشه با css که اگر باکس کامل پر شد فونت تغییر کنه اما می تویند شرط کنید که به ی سایزی رسید فونت تغییر کنه.

 

به اشتراک گذاری این ارسال


لینک به ارسال
در 1 ساعت قبل، madidi گفته است :

سلام 

چطور میشه شرط برای یه المان تعریف کرد ؟

مثلا اگر در یک قسمت [500px*500px] با فونت 15px بصورت کامل متن پر شد بجا اینکه ارتفاع اون دیو زیاد بشه یا اسکرول بخوره یا ... سایز متن از 15 به 12 بصورت خودکار تغییر کنه تا اون دیو همون جوری بدون تغییر بمونه ؟

برای div اصلی یک font-size مثلا 15px تعریف کنید . برای متون داخل با % سایز فونت رو تعریف کنید مشکلتون حل میشه، اون بخش درصد رو با آزمون و خطا در فایرباگ و در صفحه نمایش های مختلف بدست بیارید

div.divclass{
  font-size:15px;
}
div.divclass p{
  font-size: 80%
}

 

به اشتراک گذاری این ارسال


لینک به ارسال
در 53 دقیقه قبل، nazanin123 گفته است :

برای div اصلی یک font-size مثلا 15px تعریف کنید . برای متون داخل با % سایز فونت رو تعریف کنید مشکلتون حل میشه، اون بخش درصد رو با آزمون و خطا در فایرباگ و در صفحه نمایش های مختلف بدست بیارید


div.divclass{
  font-size:15px;
}
div.divclass p{
  font-size: 80%
}

 

ممنون اما در این جا نکته ای که گفتین صدق نمیکنه 

به اشتراک گذاری این ارسال


لینک به ارسال
در 57 دقیقه قبل، madidi گفته است :

ممنون اما در این جا نکته ای که گفتین صدق نمیکنه 

درصورتیکه شرط زیر که در صفحه نمایش زیر 500px اعمال میشه کارتون رو انجام نمیده و نیاز به شرط جزئی تر دارید باید از sass استفاده کنید

.mydiv {
font-size: 15px;
}
@media screen and (max-width: 500px) {
.mydiv {
font-size: 12px;
}
}

 

ویرایش شده توسط nazanin123

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • مطالب مشابه

    • توسط atakhan83
      با سلام خدمت شما 
      من امروز میخواستم اولین قالب خودم رو تبدیل به وردپرس کنم اما به یه مشکلی بر خوردم پس از اینکه قالب رو اپلود کردم روی سرور (چه لوکال چه دامنه) فایل استایل رو یا نمیخونه یا لود نمیکنه نمیدونم مشکل چیه لطفا راهنمایی کنید عکسش رو پایین میزارم 
      لطفا سریع جواب بدید ممنون

    • توسط estedadrap
      سلام 
      داخل صفحه اول وبسایتم یه اسلایدر با بوت استرپ ایجاد کردم البته از لحاظ استایل دهی تغییراتی رو اعمال کردن
      حالا یه مشکل عجیب پیش اومده
      با برگ زده شدن اسلایدر داخل استایل کلی صفحه اول دو متغییر خود به خود تغییر میکنند (فونت ویجیت و لاین هایت)
      اول فکر کردم تداخل css ها هست برای اینکه مطمئن بشم استایل اسلایدر رو حذف کردم اما باز هم مشکل پا برجا بود
      برای مشاهده بهتر inspect کنید 
      hipborn .ir 
      لطفا راهنمایی کنید با کلی مشقت این اسلایدر رو ایجاد کردم
    • توسط amirreza566
      سلام و عرض ادب صفحه محصولات و قسمت نوشتن نظرات پیشفرض محصولاتم به شکل عکس زیر است.

       
      در خود قالب بنده وقتی یه آیتمی رو اضافه میکنم البته آیتم ...نه اینکه محصول ووکامرس...قسمت نوشتن نظرات و نمایش نتیجه رای کاربران به صورت عکس زیر است

      حالا سوال من اینجاس چطوری بخش نوشتن نظرات و نتیجه نظرات کاربران که در عکس بالا رو دید رو جایگزین نوشتن نظرات و نتیجه محصول ووکامرس کنم ..بنده مبتدی هستم در چه فایلهایی باید تغییرات ایجاد کنم  تا جای امکان کمی شفاف تر راهنماییمون کنین  پیشاپیش خیلی ممنونم
    • توسط hosseiny.mahdi
      از افرادی که به صورت تمام وقت تمایل به همکاری دارند دعوت میشود رزومه کاری خود را به شماره انتهای آگهی واتساپ نمایند تا پس از بررسی و مصاحبه با شرایط مناسب دعوت به همکاری شوند.
      ⁦⚙️⁩ موارد تخصصی مورد نیاز:
      ⚫طراح حرفه ای سایت
      ⚫متخصص وردپرس
      ⚫تسلط به پلاگین های وردپرس
      ⚫مسلط به امنیت وردپرس
      ⚫تسلط به css , html5,php , jQuery , JavaScript
      ⚫تسلط به سئو تکنیکال و محتوا
      ⚫تسلط به سفارشی سازی قالب ها و افزونه ها
      ⚫تسلط به اختصاصی سازی قالب وردپرس بصورت بهینه و استاندارد
      ⚫تسلط به AdWords , webmaster tools , analytics
      ⚫توانایی پیاده سازی سایت از روی طرح های psd
      ⚫تسلط به کنترل پنل های هاستینگ
      ⚫تسلط به طراحی ریسپانسیو
      ⚫تسلط به UI ,UX
      ⚫تسلط به عیب یابی و رفع مشکلات وردپرسی
      ⚫ مسلط به لینک سازی صحیح داخلی و خارجی
       
      ⁦⚙️⁩ موارد شخصیتی مورد نیاز :
      ⚫ تعهد کاری بالا و منظم
      ⚫ متخصص حرفه ای در کار خود
      ⚫ سابقه کار حداقل ۲ سال
      ⚫ نمونه کار قوی و متعدد
      ⚫توانایی تجزیه و تحلیل و حل مسئله
      ⚫ مستعد و خلاق
      ⚫ صفر تا صد مسلط به طراحی سایت
      ⚫ متعهد به زمان‌بندی
      ⚫ انجام وظایف محوله با نهایت دقت و ظرافت
      ⚫پایبند به اصول اخلاقی در تعاملات بین فردی و سازمانی
      ⚫ توانمندی کار تیمی
      ⚫ تمایل به ارتقاء و پیشرفت
      ⁦⚙️⁩ برخی ویژگی‌های مشمول:
      ⚫ حقوق ثابت عالی
      ⚫ ایاب و ذهاب
      ⚫ بیمه تامین اجتماعی
      ⚫ عیدی
      ⚫ پاداش
      ⚫ کارمزد مجزا برای هر پروژه
      ⚫ قابلیت ارتقاء جایگاه
      ⚫ نزدیک مترو
      ⚫از ۹ صبح تا ۱۸ و پنجشنبه ها تا ۱۴
      ⚫استخدام کارآموزان قوی(پس از یک ماه کارآموزی و رضایت)
       
    • توسط ramy1908
      درود، وقت بخیر
      برای اولین بار مشکل عجیبی برام پیش اومده، متاسفانه من کد های مربوط به بخش ریسپانسیو رو بعد از تبدیل قالب به وردپرس انجام دادم و بعضی از کد هایی که توی مدیا کوئری ها با عرض کمتر قرار میدم اجرا نمیشه!!!
      هرچقدر هم سرچ کردم به مشکل مشابهی برنخوردم که شبیه مشکل خودم باشه، ترتیب کد ها رعایت شده و مشکل از اون نیستش، حتا با !important هم اعمال نمیشه چیزی، شما به مورد مشابه این برخوردید که راه حل داشته باشه؟
      با تشکر
×
×
  • اضافه کردن...