UT
135 / 497 * 100
Size: a a a
2021 February 23
UT
Ладно бы ещё в calc это записать, но нельзя
AP
Ладно бы ещё в calc это записать, но нельзя
почему?
BB
Блин, по идее простая задача, но что-то не приходит в голову простых решений.
В общем, допустим есть блок, известно, что на ширине экрана в 497 он шириной в 135. Если экран меньше или больше, то он соответственно сжимается или растягивается. Но на ширине 497 он обязательно должен быть шириной в 135. Как это можно сделать?
Пока что я просто посчитал процент, который блок должен занимать на ширине 497, получилось 27,16297787%. Оно то работает, но писать такие значения в css выглядит как лютый костыль
В общем, допустим есть блок, известно, что на ширине экрана в 497 он шириной в 135. Если экран меньше или больше, то он соответственно сжимается или растягивается. Но на ширине 497 он обязательно должен быть шириной в 135. Как это можно сделать?
Пока что я просто посчитал процент, который блок должен занимать на ширине 497, получилось 27,16297787%. Оно то работает, но писать такие значения в css выглядит как лютый костыль
Писать да, а использовать никто не запрещает, запиши через калк
UT
почему?
А как получить текущую ширину экрана? Деление требует, чтобы делитель был числом, то есть / 100% нельзя
AP
А как получить текущую ширину экрана? Деление требует, чтобы делитель был числом, то есть / 100% нельзя
vw
BB
А как получить текущую ширину экрана? Деление требует, чтобы делитель был числом, то есть / 100% нельзя
100vw
UT
Так говорю же делитель должен быть числом, 100vw тоже не взлетит
BB
135 / 497 * 100
А в чем проблема это вставить, ты ж получишь нужный процент и так
AP
Так говорю же делитель должен быть числом, 100vw тоже не взлетит
/ 100 * 1vw
UT
А в чем проблема это вставить, ты ж получишь нужный процент и так
Прямо как есть? Блин, а это гениально ). Только как это в процент перегнать из числа
BB
Выше написали сразу
UT
Да, я понял походу.
Спасибо большое!
Спасибо большое!
SB
Всем прив)
подскажите как убрать баг
при клике на бургер сворачивается меню
и после ховера на иконку вылетает сылка
но иногда оно работает некоректно
кто подскажет как пофиксить?
https://jarogam.github.io/greemix/greemix
подскажите как убрать баг
при клике на бургер сворачивается меню
и после ховера на иконку вылетает сылка
но иногда оно работает некоректно
кто подскажет как пофиксить?
https://jarogam.github.io/greemix/greemix
КГ
Всем привет. подскажите плз по БЭМ какой вариант правильнее или они одинаковы
//вариант 1
<div class="blocks">
<div class="blocks__block1">
<text-with-number v-for="(item, i) in getYourBlockchainEasy.block1"
:key-title="item.title"
:key-text="item.text"
:number="i"
/>
</div>
<div class="blocks__block2">
<img class="image" src="/images/quasa-chain/InstallApp.png" alt="Install App" loading="lazy">
<div class="list">
<i class="quasa-icon checkmark checkmark_pink"/>
</div>
<quasa-app-button class="app-button" key-button="content.quasa-chain.get-your-blockchain-easy.install-app"/>
</div>
</div>
//вариант 2
<div class="blocks">
<div class="block1">
<text-with-number v-for="(item, i) in getYourBlockchainEasy.block1"
:key-title="item.title"
:key-text="item.text"
:number="i"
/>
</div>
<div class="block2">
<img class="block2__image" src="/images/quasa-chain/InstallApp.png" alt="Install App" loading="lazy">
<div class="block2__list">
<i class="quasa-icon checkmark checkmark_pink"/>
</div>
<quasa-app-button class="block2__app-button" key-button="content.quasa-chain.get-your-blockchain-easy.install-app"/>
</div>
</div>
//вариант 1
<div class="blocks">
<div class="blocks__block1">
<text-with-number v-for="(item, i) in getYourBlockchainEasy.block1"
:key-title="item.title"
:key-text="item.text"
:number="i"
/>
</div>
<div class="blocks__block2">
<img class="image" src="/images/quasa-chain/InstallApp.png" alt="Install App" loading="lazy">
<div class="list">
<i class="quasa-icon checkmark checkmark_pink"/>
</div>
<quasa-app-button class="app-button" key-button="content.quasa-chain.get-your-blockchain-easy.install-app"/>
</div>
</div>
//вариант 2
<div class="blocks">
<div class="block1">
<text-with-number v-for="(item, i) in getYourBlockchainEasy.block1"
:key-title="item.title"
:key-text="item.text"
:number="i"
/>
</div>
<div class="block2">
<img class="block2__image" src="/images/quasa-chain/InstallApp.png" alt="Install App" loading="lazy">
<div class="block2__list">
<i class="quasa-icon checkmark checkmark_pink"/>
</div>
<quasa-app-button class="block2__app-button" key-button="content.quasa-chain.get-your-blockchain-easy.install-app"/>
</div>
</div>
L
Всем прив)
подскажите как убрать баг
при клике на бургер сворачивается меню
и после ховера на иконку вылетает сылка
но иногда оно работает некоректно
кто подскажет как пофиксить?
https://jarogam.github.io/greemix/greemix
подскажите как убрать баг
при клике на бургер сворачивается меню
и после ховера на иконку вылетает сылка
но иногда оно работает некоректно
кто подскажет как пофиксить?
https://jarogam.github.io/greemix/greemix
спану в бургере свернутом изначальный дисплей ноун задай а при ховере блок
I
коллеги добрый день . я в процессе перехода на фронтэнд . я хотел бы поинтересоваться у вас книгой по css . что бы лучше понимать работу с css . потому что чувствую серьезные недостатки в этой области своих знаний . что бы вы посоветовали ?
L
Всем прив)
подскажите как убрать баг
при клике на бургер сворачивается меню
и после ховера на иконку вылетает сылка
но иногда оно работает некоректно
кто подскажет как пофиксить?
https://jarogam.github.io/greemix/greemix
подскажите как убрать баг
при клике на бургер сворачивается меню
и после ховера на иконку вылетает сылка
но иногда оно работает некоректно
кто подскажет как пофиксить?
https://jarogam.github.io/greemix/greemix
или изначально позишен абсолют для спана когда меню в бургере
SB
или изначально позишен абсолют для спана когда меню в бургере
спс
TP
Привет всем, подскажите по такому вопросу есть у меня инпут в нем есть иконка глаза я нажимаю на глаз и переключается глаз на закрытый глаз) и вот когда переключает глаз на другой то дергает иконку немного