Двач, ПАМАГИ!!!Есть один логотип, который, естественно, добавлен тегом img, а не через background-image, но на планшетной и десктопной он выглядит иначе, не как на мобильной.Собственно вопрос: как менять лого при изменении размера экрана?
>>206195849 (OP)Ты че, совсем тупой что ли? Если тебе нужно изменить картинку у тега img, то тебе в JS, если тебе нужно менять размер картинки, то тупо посмотри на max-width, max-height
>>206196507Ну давай скажи мне про медиа запросы, где сразу все типы лого подгружаются и уходят в hidden
>>206196623Ну если ты тупой и не понимаешь, что либо несколько тэгов и медиа запрос, либо жс, либо кривые ебанутые хаки которые нельзя использовать.
>>206195849 (OP)Маня просто не знает что эти реактивные фреймворки тупо подменяют ему дом на каждый чих.
>>206196714> Ну если ты тупой и не понимаешьКажется что только ты тут не понимаешь что если этот олух сделает несколько тегов в html, то все эти картинки будут подгружаться и занимать время, а если он сделает через js с подгрузкой при старте, то все будет ок
Подскажите за выровнение в флексбоксе. Как по-человечески сделать, чтобы:Logotype прибился к левому краю. Пункты по середине. А "zalupa da" к правому краю. Я маргин-лефт/райт: auto ставлю для пунктов а остальным лево право маргин соответственно.
>>206197412>justify-content space-betweenБлядь точно, я почему-то он думал что он все объекты разобьет на равную дистанцию.
>>206198086не юликак ты еще будешь показывать разную картинку в зависимости от размера окна с помощью одного ксс?это не просто размер картинки поменять, ксс не может менять штмл атрибуты вроде соуса картинки, тут или джаваскрипт или влиять на дисплей элемента
>>206195849 (OP)Как именно тебе надо его менять? Сжать пропорционально, чтоб вписывался в эран? Или заменить на другой?
>>206199946>Где?>>206196244>Ты че, совсем тупой что ли? Если тебе нужно изменить картинку у тега img, то тебе в JS>>206196714> либо несколько тэгов и медиа запрос, либо жс, либо кривые ебанутые хаки которые нельзя использовать>>206196870>несколько тегов в html, то все эти картинки будут подгружаться и занимать время, а если он сделает через js с подгрузкой при старте, то все будет ок
>>206199781Тогда медиа-запросами можно, вместо 600 px поставь нужную тебе ширину экрана, на которой логотипы будут меняться.<!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><body><style>.logo_big{ display: block;}.logo_small{ display: none;}@media screen and (max-width: 600px) { .logo_big{ display: none; } .logo_small{ display: block; }}</style> <img src="ПУТЬ ДО КАРТИНКИ" class="logo_big"><img src="ПУТЬ ДО КАРТИНКИ" class="logo_small"></body></html>
Говносимволы закрались, вот еще раз:<!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><body><style>.logo_big{ display: block;}.logo_small{ display: none;}@media screen and (max-width: 600px) { .logo_big{ display: none; } .logo_small{ display: block; }}</style> <img src="ПУТЬ ДО КАРТИНКИ" class="logo_big"><img src="ПУТЬ ДО КАРТИНКИ" class="logo_small"></body></html>
>>206200639Там нет js.Можешь также исползьзовать data-srcset: https://github.com/mdn/learning-area/blob/master/html/multimedia-and-embedding/responsive-images/responsive.html (внизу кода пример написания).
>>206200639см >>206198395>ксс не может менять штмл атрибуты вроде соуса картинки, тут или джаваскрипт или влиять на дисплей элемента
Кароче. Ты видимо совсем тупой, раз выше js увидел.Просто пишешь в свой css файл следующее:@media screen and (max-width: 300px) { .classname { width: 100px; } .classname2 { width: 100px; }}Как обычно пишешь, в общем то, только уже внутри дополнительного условия. Ещё можно ставить после указания атрибута !important, так его точно считает. Будет выглядеть так:width: 100px !important;400px - рубеж, начиная с которого будет применяться этот стиль. И если хочешь чтобы на разных размерах экрана были разные картинки, то тут только через background-image, если без скриптов.