💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ n.feyzshams@gmail.com
پیاده سازی سیستم رسپانسیو مثل sass
جامعه جاوا اسکریپت ایجاد شده در ۰۸ بهمن ۱۳۹۸

سلام وقت بخیر من برای رسپانسیو کردن در sass از روش زیر استفاده کردم

 

//varible Predefined Break-points
$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1200px;

```

// The mdia mixin for responsive
@mixin media($args...) {
  $query: "";
  @each $arg in $args {
    $op: "";
    @if ( $query != "" ) {
      $op: " and ";
    }
    $query: $query + $op + translate-media-condition($arg);
  }
  @media #{$query}  { @content; }
}
//breakpoint function resize responsive
@function translate-media-condition($c) {
    $condMap: (
          "screen": "only screen",
          "print": "only print",
          "retina": "(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 120dpi)",
       ">desktop": "(min-width: #{$xl + 1})",
          "<desktop": "(max-width: #{$xl})",        
          ">laptop": "(min-width: #{$lg + 1})",
          "<laptop": "(max-width: #{$lg})",
          ">tablet": "(min-width: #{$md + 1})",
          "<tablet": "(max-width: #{$md})",
      ">mobile": "(min-width: #{$sm + 1})",
          "<mobile": "(max-width: #{$sm})",
      );
    @return map-get( $condMap, $c );
  }
 @include media( "screen", ">desktop"){
    body{
        background-color : #ff55dd;
    }
}

اما دوس دارم بصورت کامل پیاده سازی رو انجام بدم و تقریبا شبیه بهsass بوت استرپ نیاز دارم اما وقتی کد‌های اون رو می‌خونم کامل متوجه نمیشم ممنون میشم راهنماییم کنین که کدوم فایل‌های sass بوت استرپ برای رسپانیسو هستش من فقط فایل _breakpoints که داخل پوشه میکسین هاست رو پیدا کردم

از استاید بزرگ سون لرن مثل استاد آوند عزیز ، استاد علی محمدی عزیز ، استاد فاضلی عزیز ، و استاد صالحی عزیز
ممنون میشم با توجه به تجربه بالاشون در این زمینه بنده رو راهنمایی کنن

سلام از این لینک استفاده کن. خوب راهنمایی کرده.

علیرضا کریمی نژاد ۱۲ بهمن ۱۳۹۸، ۲۰:۳۶