В жидкости, каковы единицы «ш» и «х»? - PullRequest
0 голосов
/ 03 июля 2019

Я изменяю некоторый код Shopify Liquid и вижу следующие единицы, которые не имеют смысла для меня: 1600x 1600w

Я предполагаю, что "w" относится к ширине, но это в пикселях?И тогда я понятия не имею, что означает «х».

<img  alt="{{ section.settings.image.alt }}"
          {% if section.settings.image != nil %}
            src="{{ section.settings.image | img_url: '100x' }}"
            data-src="{{ section.settings.image | img_url: '2048x' }}"
            class="lazyload lazyload--fade-in hsContainer__image"
            sizes="100vw"
            srcset="  {{ section.settings.image | img_url: '2048x' }} 2048w,
                      {{ section.settings.image | img_url: '1600x' }} 1600w,
                      {{ section.settings.image | img_url: '1200x' }} 1200w,
                      {{ section.settings.image | img_url: '1000x' }} 1000w,
                      {{ section.settings.image | img_url: '800x' }} 800w,
                      {{ section.settings.image | img_url: '600x' }} 600w,
                      {{ section.settings.image | img_url: '400x' }} 400w"
          {% else %}
            src="{{ 'placeholder.svg' | asset_url }}"
            class="hsContainer__image"
          {% endif %}
           />

1 Ответ

1 голос
/ 04 июля 2019

"w" относится к ширине изображения в качестве параметра для srcset, как описано здесь: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_3_Using_the_srcset_attribute

Символ x используется в качестве параметров ширины и высоты для разделения символов, как описано здесь: https://help.shopify.com/en/themes/liquid/filters/url-filters#size-parameters

HTH

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...