- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
VK приобрела 70% в структуре компании-разработчика red_mad_robot
Которая участвовала в создании RuStore
Оксана Мамчуева
Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ
Экспертная оценка Адмитад
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Не могу никак с мыслями собраться, может кто уже делал подобное. Но логика подсказывает что это возможно, может синтаксис не верный.
ps возможно с шириной 100% оно и не может работать. однако давно делал частично похожее с vw. т.е. принимал за 100%, 100vw экрана, а дальше через медиа теги.к примеру у нас есть картинка 1240х437
мы задаем ее фоном для блока, сам блок - пустой. ширина блока 100%, нужно растянуть высоту блока пикселями пропорционально ширине картинки.
1240 = 100%
437 = 35,24%
исходя из пропорций имеем это.
пытаюсь через calc ((1240px * 35,24%) / 100%) - ошибку пишет. где я туплю?
в общем проясните пожалуйста
ошибку пишет. где я туплю?
В нескольких местах:
- скобка после calc пишется сразу, без пробела
- десятичные знаки отделяются точкой, а не запятой
- делят и умножают на числа, а не на проценты.
В нескольких местах:
- скобка после calc пишется сразу, без пробела
- десятичные знаки отделяются точкой, а не запятой
- делят и умножают на числа, а не на проценты.
ура, заработало. только не скалируется 😄 😄 😄
upd а если серьезно, то сюда как то ввести зависимость от ширины блока нельзя получается? или хотя бы от 100% ширины экрана.
например calc((1240px * 35.24vw)/100vw)
ширина блока 100%
как то ввести зависимость от ширины блока
Просто задайте ширину блока 100vW, а высоту 35.2vW.
Просто задайте ширину блока 100vW, а высоту 35.2vW.
т.е. приходится давать calc(100vw - 20px). а вот высота - пока без понятия.
это не влияет особо, но ради спортивного интереса хотелось бы пофиксить.
приходится давать calc(100vw - 20px). а вот высота - пока без понятия
То же самое, 20px уменьшаешь пропорционально.
начинаются небольшие искажения
Не знаю, что у тебя там за фон, но при использовании background-size: cover будут не искажения, а обрезка по краям, что чаще всего некритично.
width: calc(100vw - 40px)
height: calc(35.24vw - 40px)
так некорректно работает. растягивается за края, значит пропорции изначальные не держит.
я полагаю что тупо от высоты те же 40пх отнять - это не будет пропорциональное уменьшение.
в целом, в этой ситуации без разницы ковер или контейн, если мы преследуем отсутствие искажений при сжатии.
ps я уж извиняюсь за такую дотошность
я полагаю что тупо от высоты те же 40пх отнять - это не будет пропорциональное уменьшение
А вместо 40px написать 14px - не судьба?
в целом, в этой ситуации без разницы ковер или контейн, если мы преследуем отсутствие искажений при сжатии
Разница в покрытии блока. Контейн оставляет зазоры, а кавер обрезает края изображения. А искажений нет ни там, ни там.
А вместо 40px написать 14px - не судьба?
Разница в покрытии блока. Контейн оставляет зазоры, а кавер обрезает края изображения. А искажений нет ни там, ни там.