Вопросы с меткой [адаптивность]
Руководство по использованию метки адаптивность отсутствует.
77
вопросов
0
голосов
0
ответов
43
показа
Адаптивность блока сообщения. WPF C#
Всем привет! Разрабатываю свой чат на сокетах.
Наверстал красивый интерфейс и столкнулся с проблемой адаптивности группы элементов составляющих целое сообщение или блок сообщения.
Вот как это выглядит:...
0
голосов
0
ответов
26
показов
Не корректное отображение главной страницы при адаптиве, а именно планшеты телефоны
Все привет. Ребят не так давно изучаю верстку и возникла проблема с адаптивностью. Не подстраивается высота под размер экрана устройства. На айпадах почему то высота значительно превышает. Не совсем ...
0
голосов
1
ответ
61
показ
Как адаптировать шапку для мобильной версии?
Как адаптировать только одно изображение шапки под мобильную версию, чтобы не затрагивать другие картинки на сайте?
0
голосов
1
ответ
293
показа
Python встроить библиотеку в файл
Я создаю приложение на Python и задумался над одной проблемой. Python есть не на всех устройствах, а тем более модули которые я использую. Есть идеи как встроить интерпретатор и модули в .exe шник? ...
0
голосов
1
ответ
41
показ
Как сделать уменьшение блоков , при добавлении новых?
У меня есть блок wrapper , он шириной 1000px, как сделать так , чтобы при добавлении нового элемента li в список , блоки смогли уменьшится ?
.wrapper {
display: flex;
justify-content: center;...
0
голосов
0
ответов
25
показов
Не редактируется CSS для мобильной версии
Есть код, при редактировании для мобильной версии CSS никак не реагирует. Ниже скриншот. Надо чтобы кнопка и текст с заголовком был посередине
@media only screen and (max-width: 799px) {
.ban_main {...
0
голосов
0
ответов
34
показа
Почему не работаю @media не работает/работает не так как нужно
Пытаюсь сделать адаптивный вебсайт и сейчас пришёл к тому, что делаю адаптивность под планшеты, в целом все выглядит так как надо, кроме контейнера для карточек, почему-то именно он использует не те ...
1
голос
1
ответ
237
показов
Средства пропорционального масштабирования
Смотрел видеоурок Отзывчивые изображения. В нем с 0:00-10:02 показано как делать отзывчивые картинки. Есть фоновая картинка для сайта и дополнительные. Главная картинка
Дополнительные - логотип
и ...
0
голосов
2
ответа
488
показов
Как можно сверстать подобный блок последовательных пунктов roadmap на HTML и CSS?
Допустим есть вот такой . Как его можно сверстать адаптивно на чистом HTML и CSS? На флексбоксах такое реализуемо или подобное делается по другому?
0
голосов
1
ответ
74
показа
Как сделать адаптивность сайту?
Мне срочно нужно сделать сайт адаптивным, чтобы он отображался нормально на всех устройствах, скажите пожалуйста как быстро это сделать и что надо добавить, код большой, поэтому просто подскажите ...
0
голосов
1
ответ
82
показа
Выравнивание сайта в зависимости от размера экрана в дюймах
столкнулся с такой проблемой, что при одинаковом разрешении (в моем случае 1920х1080) но на разного размера экранах сайт отображается по разному (на меньшем неправильно - появляется полоса )(см. фото)....
1
голос
1
ответ
47
показов
Правка мобильной верстки
Столкнулся со следующей проблемой: сверстал десктопную версию макета, принялся делать адаптив. По итогу все сделал, и когда на компе проверяю верстку, изменяя масштаб все ок. Однако, как только залил ...
1
голос
1
ответ
37
показов
Помогите с адаптивностью сайта :)
Я не очень разбираюсь в адаптивности, помогите с первой страничкой. Особенно не понимаю, как на мобильных устройствах сделать так, чтобы был только белый квадрат меню.
body {
padding: 0;
...
0
голосов
2
ответа
49
показов
Flexbox не понимаю почему блок выстраивается за дрругим блоком , а не нже
Даю диву с айди overiew display:flex; после чего все элементы этого дива выстраиваются за дивом main, а не ниже. почему так происходит?
p.s первый раз задаю вопрос. если задал его не правильно укажи ...
0
голосов
1
ответ
86
показов
Адаптивность. Как сделать чтобы блоки одностраничника в телефоне шли вертикально друг под другом?
как сделать чтобы блоки для телефона шли вертикально подряд друг под другом
https://codepen.io/1rocky12/pen/WNxgvKo
// portfolio
$('.gallery ul li a').click(function() {
var itemID = $(this)....
0
голосов
1
ответ
2k
показов
Проблема в шрифте, Montserrat на ПК и андроид выглядит нормально, на Safari Он меняет стиль
Здесь как он должен выглядеть https://prnt.sc/uvzw6l, а так он отображается на айфоне 6s+ https://prnt.sc/uvzwwb
Кто сталкивался с такой проблемой?
0
голосов
1
ответ
362
показа
Как сделать так, чтобы родительский блок растягивался вместе с дочерним?
У меня есть два блока – один родительский, другой дочерний.
Вопрос: как сделать так, чтобы родительский блок, растягивался вместе с дочерним?
codepen
body {
background: pink;
}
* {
margin: 0;
...
0
голосов
1
ответ
14
показов
Uwp не работают AdaptiveTrigger в VisualState
Не работают триггеры , пробовал все что угодно , и разные свойства , и названия менял , ничего не работает , даже ничего не происходит . Цель триггеров сделать так чтобы при минимальной ширине ...
0
голосов
3
ответа
2k
показов
Как сделать замену изображение при адаптации?
Здраствуйте!
Делаю сайт и нужно чтобы изображение заменялось на другое изображение.
Возможно ли это?
1
голос
4
ответа
771
показ
Разделить страницу двумя цветами по диагонали
Как можно разделить страницу двумя цветами по диагонали так, чтобы это было адаптивно?
.red,
.black {
width: 100%;
height: 50vh;
}
.red {
background-color: red;
}
.black {
...
3
голоса
0
ответов
208
показов
Ретинизация и адаптивность изображений
Всем добрый день.
Проблема следующая:
Есть адаптивный сайт.
В нем блок с картинкой.
По ТЗ необходимо картинки ретинизировать и при этом на каждом вьюпорте (мобила, планшет, десктоп) картинка ...
0
голосов
1
ответ
52
показа
Libgdx. Адаптивность на различных устройствах
Я прошерстил кучу материалов и страниц по сети. Но нигде не смог найти методы и/или объекты для отображения одних и тех же спрайтов при помощи TextureAtlas, чтобы они одинаково отображались на ...
0
голосов
2
ответа
138
показов
Не получается прижать футер к низу экрана
Не поможете с футером? Он "отклеивается", может быть, дело в том , что данный код некроссбраузерный?
#footer {
width: 100%;
height: 50px;
background: #000;
text-align: center;
}
#...
0
голосов
0
ответов
17
показов
проблема с адаптацией
Проблема в том, что на айфоне сайт выглядит не как на ПК. Медиа запросы поставил, -webkit- поставил, -webkit-appearance: none; поставил. Но всёравно одна кнопка input выглядит совершенно по-другому. ...
0
голосов
1
ответ
157
показов
Адаптивная таблица для телефона и ПК
Есть данная адаптивная таблица для телефона и ПК, из четырех колонок. Все хорошо НО применить CSS не возможно (кроме font-size), так как все сразу ломается.
Предложите пожалуйста аналог, НО чтобы ...
4
голоса
1
ответ
73
показа
Назначение в css атрибутов svg не работает в Firefox
Имеется следующий код.
path
{
fill: url(#bgr);
}
#myImg
{
x: -10;
y: -10;
}
<div class="add">
...
0
голосов
1
ответ
44
показа
Мобильная верстка выпадает из размеров экрана
Столкнулся с такой пролемой при мобильной адаптации верстки.
Когда я захожу в режим разработчика в хроме и выбираю мобильную версию показа страницы, то верстка уходит за пределы заданных максимальных ...
0
голосов
2
ответа
1k
показов
При изменении ширины экрана блок не меняет размер
При изменении ширины страницы (менее 992px) должен пропадать блок (adds), а соседний (content) должен растягиваться на всю ширину.
Я пробовал через медиа-запрос увеличивать ширину, но блок остаётся ...
0
голосов
0
ответов
93
показа
Как сделать адаптивное окно в WPF?
Начальное окно, при запуске, подгружает три фрэйма. Первый и третий фрэйм остаются неизменными, во втором будет обновляться весь контент.
Как сделать, чтобы второй фрэйм увеличивал высоту окна в ...
0
голосов
1
ответ
93
показа
Как сделать адаптивность сайта?
Проблема с адаптивностью сайта. Я новичок, поэтому не особо разбираюсь как правильно писать адаптивность. Все работает на определенных размерах экрана, но как только немного уменьшить, сразу все ...
2
голоса
2
ответа
126
показов
Как расположить элемент с помощью абсолютного позиционирования
Я пытаюсь использовать абсолютное позиционирование, но у меня не получается. Есть иконка корзины и рядом с ней цифр (кол-во товара) и мне нужно эту цифру сдвинуть левее чтобы она была более видна. ...
0
голосов
1
ответ
5k
показов
Как сделать, чтобы картинки выстраивались в 2 колонки?
Делаю адаптив с flexbox. Необходимо, чтобы при медиа-запросе @media (max-width: 1200px) картинки выстраивались не в колонку, а в две колонки. Каким свойством CSS это можно сделать?
.row {
...
2
голоса
1
ответ
115
показов
Как в диве с ограниченной шириной задать область видимости по умолчанию справа?
Если див ограничить по ширине, и сделать пролистываемым внутри, то он по умолчанию сделает область видимости слева от содержимого. Как в примере. Каким образом можно сделать область видимости справа? ...
0
голосов
2
ответа
255
показов
Не отображается background-image. Как сделать адаптивный текст внутри адаптивного фона
Я хочу поместить все имеющиеся элементы текста внутрь фона так, чтобы они были адаптивными, как и сам фон. Я решил использовать фон(background-image) вместо картинки для того, чтобы все элементы ...
0
голосов
1
ответ
23
показа
Адаптивность .htm страницы под различные форматы мониторов
Можно ли как-то подстроить сайт, сделанный под разрешение 1600х900, к монитору под 1366х768? Нужно подстроить сайт не только под ширину, но и под высоту так, чтобы не было скроллов. В плане того, я ...
0
голосов
0
ответов
58
показов
Не получается эту часть блока адаптировать. В чем проблема?
Надеюсь тут найду ответ на свой вопрос.
Не могу понять почему paddingами не смещается повыше. Конечно, тут я нашел что сам блок имеет вот такой размер, но как тогда исправить? Если десктоп потом ...
0
голосов
0
ответов
50
показов
Как на мобилках сделать изображение чётким?
Допустим есть иконка в формате png размером 100х100рх.
На десктопе нормально выглядит, а на мобилках видны пиксели, не совсем чётко выглядит.
Как сделать такую иконку чёткой на мобилках?
Можно ли ...
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 {
...
0
голосов
1
ответ
279
показов
(Адаптация сайта)Как расположить блоки div в колонку при ширине 700px?
Уже попробовал разные способы, но никак не получается расположить их ровно в столбик. То блок какой то выпадет, то не перемещаются к левой стороне.
body{
width: 100%;
margin: 0;
padding: 0;
...
0
голосов
0
ответов
28
показов
Подогнать сайт по медиа-запросу
Ребята подскажите, пожалуйста, подганяю сайт по медиозапросу,
/* 576-768px */
@media screen and (max-width: 768px)
и выпирают какие -то падинги,синего цвета
помогите разобраться
0
голосов
1
ответ
144
показа
Как сделать адаптивный фон на часть экрана?
помогите, пожалуйста, реализовать одну вещь. Есть некий фон, который должен равняться по центру блоков со свойством
"display: inline-block;". Сайт должен сохранять адаптивность, фон должен ...
1
голос
0
ответов
27
показов
Адаптивный алгоритм укладки блоков на поле
Есть задача:
Имеется блок (прямоугольник) с размером boxX на boxY.
Имеется поле (прямоугольное), на которое надо сложить эти блоки. Размеры поля, соответственно, fieldX и fieldY.
Задаём случайные ...
0
голосов
1
ответ
207
показов
Масштабирование svg схемы
Использую некую библиотеку для svg схемы стадиона, сайт по покупке билетов ВТБ Арена, в самой библиотеке не предусмотрен функционал приближение и отдаление на телефоне, а там как раз таки оно оооочень ...
0
голосов
0
ответов
104
показа
Некорректно отрабатывает label на мобильной версии
Есть сайт:
http://unilab.su/useful/calendar/pervyy-trimestr/
На сайте есть подобная конструкция:
<div class="demo">
<input type="checkbox" id="hd-1" class="hide">
<...
1
голос
0
ответов
50
показов
Как адаптировать приложение на все экраны смартфонов?
Хочу научиться адаптировать приложение под любой разрешение экрана. В последнее время, стали популярны нестандартные разрешение(вытянутые) и я хочу что бы приложения выглядели везде одинаково. Но я не ...
0
голосов
1
ответ
1k
показов
Как расположить блоки в колонну при масштабировании?
Учусь верстать адаптивные сайты. На макете есть блок с 3 div по горизонтали. Как сделать так, чтобы при масштабировании они шли в ряд по вертикали. Эти карточки находиться внутри другого дива с ...
0
голосов
1
ответ
94
показа
Проблема с размер страницы
моя проблема заключается в слудующем:при добавлении блока, изменяется высота страницы. Как вернуть нормальною высоту страницы? И как удлать часть где нет ничего?[![введите сюда описание изображения][1]...
1
голос
1
ответ
824
показа
Как установить фиксированное положение при изменение размеров экрана
Пытаюсь реализовать кнопку удаления. Вся проблема заключается в неправильном css, при масштабировании страницы, либо изменения размеров окна браузера, крестики выходят из элемента li и я понимаю ...
1
голос
1
ответ
108
показов
Как сделать адаптивность блока в неизвестном месте?
Задача такая: сверстать адаптивный блок, как на картинке. С версткой блока проблем нет. Проблемой является то, что неизвестно в каком именно месте сайта будет располагаться этот блок. Реализовать ...
3
голоса
1
ответ
1k
показов
Как исправить проблему со 100vh на мобильных устройствах?
При определении высоты блока как 100vh, на мобильных устройствах верхнее меню браузера прибавляется к общей высоте, появляется вертикальный скролл и нижние элементы съезжают. Кто знает как фиксить?