madidi

شرط در css

7 پست در این موضوع قرار دارد

سلام 

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

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

0

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


لینک به پست

باسلام

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

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

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

1

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


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

سلام 

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

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

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

1

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


لینک به پست

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

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

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

 

0

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


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

سلام 

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

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

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

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

 

1

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


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

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


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

 

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

0

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


لینک به پست

ارسال شده در (ویرایش شده)

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

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

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

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

 

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

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط acc
      سلام دوستان
      بنده علاقمند هستم که فونت و استایل یک ویجت خارجی که مربوط به چت انلاین هست رو تغییر بدم , ایا این به وسیله جاوا امکان پذیر است؟
      اگر از دوستان کسی در این زمینه مهارت دارد لطفا من را راهنمایی کند
       
      با تشکر
    • توسط madidi
      سلام من همیشه واسه وردپرس که قالب مینویسم یه  مشکل دارم 
      توی تصویر زیر کامل توضیح دادم 
      چطوری تو یه دیو بزرگ دو تا دیو تعریف کنیم یکی متن و یکی عکس و وقتی دیو عکس تموم شده متن ها بقیه جاهای دیو بزرگ تر پر کنند ؟؟؟
      ممنون 

    • توسط nazanin123
      سلام
      من با این دو روش استایل reset.css رو به پوسته معرفی میکنم ،
      میخوام برای کش نشدن ver=2.0 به انتهای css اضافه بشه میخوام این استایل پایین تر از rtl.css قرار بگیره  در حال حاضر کدهای زیر رو امتحان کردم و جواب نگرفتم !!!
      //روش اول add_action( 'wp_enqueue_scripts', 'custom_styles' ); function custom_styles() { wp_register_style( 'reset', get_template_directory_uri().'/my/reset.css', array(), '2.0', 'all' ); wp_enqueue_style( 'reset' ); } //روش دوم add_action( 'wp_enqueue_scripts', 'custom_styles' ); function custom_styles() { wp_enqueue_style( 'reset', get_template_directory_uri().'/my/reset.css',false,'2.0','all' ); }  
    • توسط yaali
      سلام دوستان
      این سایدبار سایت ما مشکل پیدا کرده.
      توی صفحه اصلی درسته ولی توی صفحه نوشته و دسته ها میره بالا
      مشکلش چیه؟
      مرسی
      http://ghalamsoft.ir/shop/افزونه-پرداخت-قسط-نگارش-2/
    • توسط سعید فرزادی پور
      با عرض سلام
      من به مشکلی خوردم که راه حل اون رو نمیدونم
      در هدر سایت یک نویگیشن بار دارم که منوی اصلی سایتم به صورت دراپ داون در این نویگیشن بار وجود داره ، قال سایت من shaply هستش و استفاده از ویجت ها در body بازه ، من با استفاده از یک ویجت اسلایدر در بالاترین قسمت و زیر هدر سایت که ارتفاع اونم 55 پیکسل هستش اسلایدر بزرگ ایجاد کردم ، و حالا زمانی که میرم روی دراپ داون ها متاسفانه تا قبل از اسکرول کردن به پایین ، زیر منو ها به زیر اسلایدر میرن ، اما بعد از اسکرول کردن به پایین این مشکل حل شده و منو ها و زیر منو ها نمایش داده میشن ، هرچه z-index رو افزایش دادم نتیجه ای نداشت ، چطور میتونم این مشکل رو حل کنم ؟
      و سوال دوم این که در این تم منو ها اول به پایین و بعد به راست باز میشن و من میخوایم سایت رو به صورت فارسی داشته باشم و میخوام اول به پایین و بعد به چپ باز بشن منو ها , چه تغییری میتونم در css ایجاد کنم ؟