Вопросы с меткой [адаптивность]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
43 показа

Адаптивность блока сообщения. WPF C#

Всем привет! Разрабатываю свой чат на сокетах. Наверстал красивый интерфейс и столкнулся с проблемой адаптивности группы элементов составляющих целое сообщение или блок сообщения. Вот как это выглядит:...
yava43's user avatar
  • 71
0 голосов
0 ответов
26 показов

Не корректное отображение главной страницы при адаптиве, а именно планшеты телефоны

Все привет. Ребят не так давно изучаю верстку и возникла проблема с адаптивностью. Не подстраивается высота под размер экрана устройства. На айпадах почему то высота значительно превышает. Не совсем ...
MarkovaE's user avatar
0 голосов
1 ответ
61 показ

Как адаптировать шапку для мобильной версии?

Как адаптировать только одно изображение шапки под мобильную версию, чтобы не затрагивать другие картинки на сайте?
 Upiter's user avatar
0 голосов
1 ответ
293 показа

Python встроить библиотеку в файл

Я создаю приложение на Python и задумался над одной проблемой. Python есть не на всех устройствах, а тем более модули которые я использую. Есть идеи как встроить интерпретатор и модули в .exe шник? ...
retr12's user avatar
  • 102
0 голосов
1 ответ
41 показ

Как сделать уменьшение блоков , при добавлении новых?

У меня есть блок wrapper , он шириной 1000px, как сделать так , чтобы при добавлении нового элемента li в список , блоки смогли уменьшится ? .wrapper { display: flex; justify-content: center;...
Young's user avatar
  • 121
0 голосов
0 ответов
25 показов

Не редактируется CSS для мобильной версии

Есть код, при редактировании для мобильной версии CSS никак не реагирует. Ниже скриншот. Надо чтобы кнопка и текст с заголовком был посередине @media only screen and (max-width: 799px) { .ban_main {...
mzhigachev's user avatar
0 голосов
0 ответов
34 показа

Почему не работаю @media не работает/работает не так как нужно

Пытаюсь сделать адаптивный вебсайт и сейчас пришёл к тому, что делаю адаптивность под планшеты, в целом все выглядит так как надо, кроме контейнера для карточек, почему-то именно он использует не те ...
Ruslan Makhmatov's user avatar
1 голос
1 ответ
237 показов

Средства пропорционального масштабирования

Смотрел видеоурок Отзывчивые изображения. В нем с 0:00-10:02 показано как делать отзывчивые картинки. Есть фоновая картинка для сайта и дополнительные. Главная картинка Дополнительные - логотип и ...
alotofquestions's user avatar
0 голосов
2 ответа
488 показов

Как можно сверстать подобный блок последовательных пунктов roadmap на HTML и CSS?

Допустим есть вот такой . Как его можно сверстать адаптивно на чистом HTML и CSS? На флексбоксах такое реализуемо или подобное делается по другому?
Andrey's user avatar
  • 9
0 голосов
1 ответ
74 показа

Как сделать адаптивность сайту?

Мне срочно нужно сделать сайт адаптивным, чтобы он отображался нормально на всех устройствах, скажите пожалуйста как быстро это сделать и что надо добавить, код большой, поэтому просто подскажите ...
Ruslan Makhmatov's user avatar
0 голосов
1 ответ
82 показа

Выравнивание сайта в зависимости от размера экрана в дюймах

столкнулся с такой проблемой, что при одинаковом разрешении (в моем случае 1920х1080) но на разного размера экранах сайт отображается по разному (на меньшем неправильно - появляется полоса )(см. фото)....
Olegg Omelnitskiy's user avatar
1 голос
1 ответ
47 показов

Правка мобильной верстки

Столкнулся со следующей проблемой: сверстал десктопную версию макета, принялся делать адаптив. По итогу все сделал, и когда на компе проверяю верстку, изменяя масштаб все ок. Однако, как только залил ...
Aptero's user avatar
  • 11
1 голос
1 ответ
37 показов

Помогите с адаптивностью сайта :)

Я не очень разбираюсь в адаптивности, помогите с первой страничкой. Особенно не понимаю, как на мобильных устройствах сделать так, чтобы был только белый квадрат меню. body { padding: 0; ...
zavrik's user avatar
  • 15
0 голосов
2 ответа
49 показов

Flexbox не понимаю почему блок выстраивается за дрругим блоком , а не нже

Даю диву с айди overiew display:flex; после чего все элементы этого дива выстраиваются за дивом main, а не ниже. почему так происходит? p.s первый раз задаю вопрос. если задал его не правильно укажи ...
Амир Алиев's user avatar
0 голосов
1 ответ
86 показов

Адаптивность. Как сделать чтобы блоки одностраничника в телефоне шли вертикально друг под другом?

как сделать чтобы блоки для телефона шли вертикально подряд друг под другом https://codepen.io/1rocky12/pen/WNxgvKo // portfolio $('.gallery ul li a').click(function() { var itemID = $(this)....
Rocky's user avatar
  • 65
0 голосов
1 ответ
2k показов

Проблема в шрифте, Montserrat на ПК и андроид выглядит нормально, на Safari Он меняет стиль

Здесь как он должен выглядеть https://prnt.sc/uvzw6l, а так он отображается на айфоне 6s+ https://prnt.sc/uvzwwb Кто сталкивался с такой проблемой?
vladhozinru's user avatar
0 голосов
1 ответ
362 показа

Как сделать так, чтобы родительский блок растягивался вместе с дочерним?

У меня есть два блока – один родительский, другой дочерний. Вопрос: как сделать так, чтобы родительский блок, растягивался вместе с дочерним? codepen body { background: pink; } * { margin: 0; ...
Eva's user avatar
  • 1,869
0 голосов
1 ответ
14 показов

Uwp не работают AdaptiveTrigger в VisualState

Не работают триггеры , пробовал все что угодно , и разные свойства , и названия менял , ничего не работает , даже ничего не происходит . Цель триггеров сделать так чтобы при минимальной ширине ...
Vladislav's user avatar
0 голосов
3 ответа
2k показов

Как сделать замену изображение при адаптации?

Здраствуйте! Делаю сайт и нужно чтобы изображение заменялось на другое изображение. Возможно ли это?
Taras's user avatar
  • 15
1 голос
4 ответа
771 показ

Разделить страницу двумя цветами по диагонали

Как можно разделить страницу двумя цветами по диагонали так, чтобы это было адаптивно? .red, .black { width: 100%; height: 50vh; } .red { background-color: red; } .black { ...
Sevastopol''s user avatar
  • 28.1k
3 голоса
0 ответов
208 показов

Ретинизация и адаптивность изображений

Всем добрый день. Проблема следующая: Есть адаптивный сайт. В нем блок с картинкой. По ТЗ необходимо картинки ретинизировать и при этом на каждом вьюпорте (мобила, планшет, десктоп) картинка ...
Yana's user avatar
  • 71
0 голосов
1 ответ
52 показа

Libgdx. Адаптивность на различных устройствах

Я прошерстил кучу материалов и страниц по сети. Но нигде не смог найти методы и/или объекты для отображения одних и тех же спрайтов при помощи TextureAtlas, чтобы они одинаково отображались на ...
QwertySucks's user avatar
0 голосов
2 ответа
138 показов

Не получается прижать футер к низу экрана

Не поможете с футером? Он "отклеивается", может быть, дело в том , что данный код некроссбраузерный? #footer { width: 100%; height: 50px; background: #000; text-align: center; } #...
Aleks's user avatar
  • 3
0 голосов
0 ответов
17 показов

проблема с адаптацией

Проблема в том, что на айфоне сайт выглядит не как на ПК. Медиа запросы поставил, -webkit- поставил, -webkit-appearance: none; поставил. Но всёравно одна кнопка input выглядит совершенно по-другому. ...
Asen123's user avatar
  • 47
0 голосов
1 ответ
157 показов

Адаптивная таблица для телефона и ПК

Есть данная адаптивная таблица для телефона и ПК, из четырех колонок. Все хорошо НО применить CSS не возможно (кроме font-size), так как все сразу ломается. Предложите пожалуйста аналог, НО чтобы ...
Budun's user avatar
  • 97
4 голоса
1 ответ
73 показа

Назначение в css атрибутов svg не работает в Firefox

Имеется следующий код. path { fill: url(#bgr); } #myImg { x: -10; y: -10; } <div class="add"> ...
WebDesighnHobbyst's user avatar
0 голосов
1 ответ
44 показа

Мобильная верстка выпадает из размеров экрана

Столкнулся с такой пролемой при мобильной адаптации верстки. Когда я захожу в режим разработчика в хроме и выбираю мобильную версию показа страницы, то верстка уходит за пределы заданных максимальных ...
Ильяс's user avatar
0 голосов
2 ответа
1k показов

При изменении ширины экрана блок не меняет размер

При изменении ширины страницы (менее 992px) должен пропадать блок (adds), а соседний (content) должен растягиваться на всю ширину. Я пробовал через медиа-запрос увеличивать ширину, но блок остаётся ...
egorbal977's user avatar
0 голосов
0 ответов
93 показа

Как сделать адаптивное окно в WPF?

Начальное окно, при запуске, подгружает три фрэйма. Первый и третий фрэйм остаются неизменными, во втором будет обновляться весь контент. Как сделать, чтобы второй фрэйм увеличивал высоту окна в ...
Ловец снов's user avatar
0 голосов
1 ответ
93 показа

Как сделать адаптивность сайта?

Проблема с адаптивностью сайта. Я новичок, поэтому не особо разбираюсь как правильно писать адаптивность. Все работает на определенных размерах экрана, но как только немного уменьшить, сразу все ...
KRCNV's user avatar
  • 3
2 голоса
2 ответа
126 показов

Как расположить элемент с помощью абсолютного позиционирования

Я пытаюсь использовать абсолютное позиционирование, но у меня не получается. Есть иконка корзины и рядом с ней цифр (кол-во товара) и мне нужно эту цифру сдвинуть левее чтобы она была более видна. ...
user avatar
0 голосов
1 ответ
5k показов

Как сделать, чтобы картинки выстраивались в 2 колонки?

Делаю адаптив с flexbox. Необходимо, чтобы при медиа-запросе @media (max-width: 1200px) картинки выстраивались не в колонку, а в две колонки. Каким свойством CSS это можно сделать? .row { ...
Daniil Kedrov's user avatar
2 голоса
1 ответ
115 показов

Как в диве с ограниченной шириной задать область видимости по умолчанию справа?

Если див ограничить по ширине, и сделать пролистываемым внутри, то он по умолчанию сделает область видимости слева от содержимого. Как в примере. Каким образом можно сделать область видимости справа? ...
kizoso's user avatar
  • 9,313
0 голосов
2 ответа
255 показов

Не отображается background-image. Как сделать адаптивный текст внутри адаптивного фона

Я хочу поместить все имеющиеся элементы текста внутрь фона так, чтобы они были адаптивными, как и сам фон. Я решил использовать фон(background-image) вместо картинки для того, чтобы все элементы ...
Flandered's user avatar
0 голосов
1 ответ
23 показа

Адаптивность .htm страницы под различные форматы мониторов

Можно ли как-то подстроить сайт, сделанный под разрешение 1600х900, к монитору под 1366х768? Нужно подстроить сайт не только под ширину, но и под высоту так, чтобы не было скроллов. В плане того, я ...
Никита Борискевич's user avatar
0 голосов
0 ответов
58 показов

Не получается эту часть блока адаптировать. В чем проблема?

Надеюсь тут найду ответ на свой вопрос. Не могу понять почему paddingами не смещается повыше. Конечно, тут я нашел что сам блок имеет вот такой размер, но как тогда исправить? Если десктоп потом ...
Максим Горщевский's user avatar
0 голосов
0 ответов
50 показов

Как на мобилках сделать изображение чётким?

Допустим есть иконка в формате png размером 100х100рх. На десктопе нормально выглядит, а на мобилках видны пиксели, не совсем чётко выглядит. Как сделать такую иконку чёткой на мобилках? Можно ли ...
word's user avatar
  • 2,780
1 голос
2 ответа
530 показов

Адаптив не работает на айфонах

` @media only screen and (max-width: 400px){ html, body { width: 100%; max-width: 100%; overflow: hidden auto; background-color: #4c66a2; } .content-wrapper { ...
Светлана Ермакова's user avatar
0 голосов
1 ответ
279 показов

(Адаптация сайта)Как расположить блоки div в колонку при ширине 700px?

Уже попробовал разные способы, но никак не получается расположить их ровно в столбик. То блок какой то выпадет, то не перемещаются к левой стороне. body{ width: 100%; margin: 0; padding: 0; ...
Владислав Коробков's user avatar
0 голосов
0 ответов
28 показов

Подогнать сайт по медиа-запросу

Ребята подскажите, пожалуйста, подганяю сайт по медиозапросу, /* 576-768px */ @media screen and (max-width: 768px) и выпирают какие -то падинги,синего цвета помогите разобраться
Наталья Kравченко's user avatar
0 голосов
1 ответ
144 показа

Как сделать адаптивный фон на часть экрана?

помогите, пожалуйста, реализовать одну вещь. Есть некий фон, который должен равняться по центру блоков со свойством "display: inline-block;". Сайт должен сохранять адаптивность, фон должен ...
Даниил Рейн's user avatar
1 голос
0 ответов
27 показов

Адаптивный алгоритм укладки блоков на поле

Есть задача: Имеется блок (прямоугольник) с размером boxX на boxY. Имеется поле (прямоугольное), на которое надо сложить эти блоки. Размеры поля, соответственно, fieldX и fieldY. Задаём случайные ...
Михаил Краев's user avatar
0 голосов
1 ответ
207 показов

Масштабирование svg схемы

Использую некую библиотеку для svg схемы стадиона, сайт по покупке билетов ВТБ Арена, в самой библиотеке не предусмотрен функционал приближение и отдаление на телефоне, а там как раз таки оно оооочень ...
Руслан Абдулин's user avatar
0 голосов
0 ответов
104 показа

Некорректно отрабатывает label на мобильной версии

Есть сайт: http://unilab.su/useful/calendar/pervyy-trimestr/ На сайте есть подобная конструкция: <div class="demo"> <input type="checkbox" id="hd-1" class="hide"> <...
Frog Frogov's user avatar
1 голос
0 ответов
50 показов

Как адаптировать приложение на все экраны смартфонов?

Хочу научиться адаптировать приложение под любой разрешение экрана. В последнее время, стали популярны нестандартные разрешение(вытянутые) и я хочу что бы приложения выглядели везде одинаково. Но я не ...
Alexander's user avatar
0 голосов
1 ответ
1k показов

Как расположить блоки в колонну при масштабировании?

Учусь верстать адаптивные сайты. На макете есть блок с 3 div по горизонтали. Как сделать так, чтобы при масштабировании они шли в ряд по вертикали. Эти карточки находиться внутри другого дива с ...
suNshine 's user avatar
0 голосов
1 ответ
94 показа

Проблема с размер страницы

моя проблема заключается в слудующем:при добавлении блока, изменяется высота страницы. Как вернуть нормальною высоту страницы? И как удлать часть где нет ничего?[![введите сюда описание изображения][1]...
Sofer Nover's user avatar
1 голос
1 ответ
824 показа

Как установить фиксированное положение при изменение размеров экрана

Пытаюсь реализовать кнопку удаления. Вся проблема заключается в неправильном css, при масштабировании страницы, либо изменения размеров окна браузера, крестики выходят из элемента li и я понимаю ...
user avatar
1 голос
1 ответ
108 показов

Как сделать адаптивность блока в неизвестном месте?

Задача такая: сверстать адаптивный блок, как на картинке. С версткой блока проблем нет. Проблемой является то, что неизвестно в каком именно месте сайта будет располагаться этот блок. Реализовать ...
Ясырев Михаил's user avatar
3 голоса
1 ответ
1k показов

Как исправить проблему со 100vh на мобильных устройствах?

При определении высоты блока как 100vh, на мобильных устройствах верхнее меню браузера прибавляется к общей высоте, появляется вертикальный скролл и нижние элементы съезжают. Кто знает как фиксить?
undefined's user avatar
  • 231