نمایش اسلایدر
سلام وقت بخیر دوستان یه قالب دارم در نسخه تحت وب دو اسلایدر نمایش داده میشه اما میخوام در نسخه گوشی فقط یک اسلایدر نمایش داده بشه میتونید راهنمایی کنید . هر کلاس و استایلی میدم که display:none بشود عمل نمیشود .
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام روز بخیر
برای اینکه در نسخه گوشی فقط یک اسلایدر نمایش داده بشه، با استفاده از @media میتونی این کار رو انجام بدی. فک کنم کلاس slider-container که اسلایدهای شما رو نشون می‌ده، هست. حالا کافیه استایل زیر رو به کدهای CSS اضافه کنی و در نمایشگر گوشی، تنها یک اسلایدر رو نشون داده بشه
@media only screen and (max-width: 768px) { .slider-container { /* تنظیمات شما */ display: none; } }
با استفاده از مشخصه max-width ما به این کار امکان میديم که تنها گوشی‌هايي که یک اسلایدر دارند، این تغییرات رو بدن. حالا با این کار، کلاس slider-container توی نمایشگر گوشی مخفی میشه و تنها یک اسلایدر رو نشون میدیم.
امیدوارم که بهتون کمک کرده باشم!
سلام روز بخیر
برای اینکه در نسخه گوشی فقط یک اسلایدر نمایش داده بشه، با استفاده از @media میتونی این کار رو انجام بدی. فک کنم کلاس slider-container که اسلایدهای شما رو نشون می‌ده، هست. حالا کافیه استایل زیر رو به کدهای CSS اضافه کنی و در نمایشگر گوشی، تنها یک اسلایدر رو نشون داده بشه
@media only screen and (max-width: 768px) { .slider-container { /* تنظیمات شما */ display: none; } }
با استفاده از مشخصه max-width ما به این کار امکان میديم که تنها گوشی‌هايي که یک اسلایدر دارند، این تغییرات رو بدن. حالا با این کار، کلاس slider-container توی نمایشگر گوشی مخفی میشه و تنها یک اسلایدر رو نشون میدیم.
امیدوارم که بهتون کمک کرده باشم!