Когда окно браузера становится больше, ползунок в верхней части домашней страницы становится до смешного большим. Это первая серия для мобильных устройств, но поскольку мобильная версия слайдера уже работает хорошо (возможно, нам следует загружать изображения меньшего размера, но функционально это круто), мы можем сосредоточиться на том, чтобы сделать его лучше для настольных компьютеров.
С помощью простого CSS мы можем ограничить его высоту (буквально установив a max-height
). Но мы также можем ограничить высоту, ограничив ширину, потому что она сохраняет соотношение сторон. Затем, если мы позволим переливам открываться с обеих сторон, мы получим довольно крутой слайдер на больших экранах.