![]() |
![]() |
#1 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
![]()
В общем ковырял тут, надо было сделать типа новогоднюю рулетку с подарком, но не суть, вроде доковырял, но не очень понял саму математику процесса с этими процентами и позиционированием:
https://jsfiddle.net/vtnru48k Ладно углы я понял, там просто - 360/16. А все остальное для адаптива тупо пришлось пропорциями вычислять, а смысл так и не понял. Как оно математически работает то? ![]() ![]() ![]() Может кому интересно потрещать будет по этому поводу ![]() |
![]() |
![]() |
Сказали спасибо: |
![]() |
#2 |
На серче с 29.03.2006
Профессор
Регистрация: 14.07.2020
Сообщений: 751
Сказал(а) спасибо: 147
Получил(а) "Спасибо": 1,068
Нарушения: 0/0 (0)
Репутация: 403359
|
![]() |
![]() |
![]() |
![]() |
#3 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
![]()
Да проблема в том, что я не могу понять, как работают эти пропорции... Логику в смысле. Почему, вот как пример, именно так должно быть у внутреннего элемента:
PHP код:
![]() Просто эти проценты я уже сам высчитал, до этого были чистые пиксели ![]() |
![]() |
![]() |
![]() |
#4 |
На серче с 29.03.2006
Профессор
Регистрация: 14.07.2020
Сообщений: 751
Сказал(а) спасибо: 147
Получил(а) "Спасибо": 1,068
Нарушения: 0/0 (0)
Репутация: 403359
|
![]()
Оно так и не должно быть, ты просто подогнал к определенному разрешению экрана - ведь так? и у тебя норм отображается
|
![]() |
![]() |
![]() |
#5 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
![]()
С каких хренов right right: -63.89%; например
![]() |
![]() |
![]() |
![]() |
#6 | |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
![]() Цитата:
![]() ![]() ![]() |
|
![]() |
![]() |
![]() |
#7 |
На серче с 29.03.2006
Профессор
Регистрация: 14.07.2020
Сообщений: 751
Сказал(а) спасибо: 147
Получил(а) "Спасибо": 1,068
Нарушения: 0/0 (0)
Репутация: 403359
|
![]()
Тогда логику в чем? ты не можешь понять?
|
![]() |
![]() |
![]() |
#8 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
![]()
Ну смотри, круг 600 пикселей. Центр его 300 же, то есть 50%. А в реальности right: -63.89%; и bottom: 41.66%;
Дочерний width: 100%; с padding-left: 13.89% - 113,89%. Я просто понять не могу, откуда такие проценты берутся ![]() А, всё, right: -63.89% это 50% + padding-left. А почему bottom такой тогда? Запутался ![]() |
![]() |
![]() |
![]() |
#9 |
На серче с 29.03.2006
Профессор
Регистрация: 14.07.2020
Сообщений: 751
Сказал(а) спасибо: 147
Получил(а) "Спасибо": 1,068
Нарушения: 0/0 (0)
Репутация: 403359
|
![]() |
![]() |
![]() |
2 пользователя(ей) сказали cпасибо: |
![]() |
#10 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
![]() |
![]() |
![]() |
![]() |
|
|
|
![]() |
||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Копирайтинг и рерайт: качественный сео-текст по доступной цене! | Sostavitel | Копирайтинг, переводы, текстовый контент | 41 | 18.01.2022 22:48 |
Дубляж-озвучка, Закадровый текст, начитка роликов. | MAX | Биржа услуг | 3 | 09.08.2020 15:02 |
Динамический текст на странице | sanek1991 | Продвижение и оптимизация сайтов | 47 | 26.07.2020 15:21 |