Вопросы с меткой [адаптивность]
Руководство по использованию метки адаптивность отсутствует.
71
вопрос
0
голосов
0
ответов
8
показов
медиа запрос нормально работает при max-width: 991px ,но при max-width: 767px никак не отображаеться в браузерах
Все подключено правильно , не могу понять в чем причина ,что не работает при @media (max-width: 767px)
в body и контейнере убрал фиксированую ширину .Все как нужно ,но что-то не правильно
@media (...
0
голосов
2
ответа
128
показов
Как можно сверстать подобный блок последовательных пунктов roadmap на HTML и CSS?
Допустим есть вот такой . Как его можно сверстать адаптивно на чистом HTML и CSS? На флексбоксах такое реализуемо или подобное делается по другому?
0
голосов
1
ответ
36
показов
Как сделать адаптивность сайту?
Мне срочно нужно сделать сайт адаптивным, чтобы он отображался нормально на всех устройствах, скажите пожалуйста как быстро это сделать и что надо добавить, код большой, поэтому просто подскажите ...
0
голосов
0
ответов
9
показов
Не могу разобраться с Owl Carousel 2
Совсем новичок в html/css. Возникла проблема с подключением Owl Carousel 2. На некоторых компьютерах карусель отображается корректно, а на некоторых она вовсе сыпется и не работает. Также касается ...
0
голосов
1
ответ
46
показов
Выравнивание сайта в зависимости от размера экрана в дюймах
столкнулся с такой проблемой, что при одинаковом разрешении (в моем случае 1920х1080) но на разного размера экранах сайт отображается по разному (на меньшем неправильно - появляется полоса )(см. фото)....
1
голос
1
ответ
34
показа
Правка мобильной верстки
Столкнулся со следующей проблемой: сверстал десктопную версию макета, принялся делать адаптив. По итогу все сделал, и когда на компе проверяю верстку, изменяя масштаб все ок. Однако, как только залил ...
1
голос
1
ответ
34
показа
Помогите с адаптивностью сайта :)
Я не очень разбираюсь в адаптивности, помогите с первой страничкой. Особенно не понимаю, как на мобильных устройствах сделать так, чтобы был только белый квадрат меню.
body {
padding: 0;
...
0
голосов
2
ответа
31
показ
Flexbox не понимаю почему блок выстраивается за дрругим блоком , а не нже
Даю диву с айди overiew display:flex; после чего все элементы этого дива выстраиваются за дивом main, а не ниже. почему так происходит?
p.s первый раз задаю вопрос. если задал его не правильно укажи ...
0
голосов
1
ответ
53
показа
Адаптивность. Как сделать чтобы блоки одностраничника в телефоне шли вертикально друг под другом?
как сделать чтобы блоки для телефона шли вертикально подряд друг под другом
https://codepen.io/1rocky12/pen/WNxgvKo
// portfolio
$('.gallery ul li a').click(function() {
var itemID = $(this)....
0
голосов
1
ответ
1k
показов
Проблема в шрифте, Montserrat на ПК и андроид выглядит нормально, на Safari Он меняет стиль
Здесь как он должен выглядеть https://prnt.sc/uvzw6l, а так он отображается на айфоне 6s+ https://prnt.sc/uvzwwb
Кто сталкивался с такой проблемой?
0
голосов
1
ответ
177
показов
Как сделать так, чтобы родительский блок растягивался вместе с дочерним?
У меня есть два блока – один родительский, другой дочерний.
Вопрос: как сделать так, чтобы родительский блок, растягивался вместе с дочерним?
codepen
body {
background: pink;
}
* {
margin: 0;
...
0
голосов
1
ответ
7
показов
Uwp не работают AdaptiveTrigger в VisualState
Не работают триггеры , пробовал все что угодно , и разные свойства , и названия менял , ничего не работает , даже ничего не происходит . Цель триггеров сделать так чтобы при минимальной ширине ...
0
голосов
3
ответа
1k
показов
Как сделать замену изображение при адаптации?
Здраствуйте!
Делаю сайт и нужно чтобы изображение заменялось на другое изображение.
Возможно ли это?
1
голос
4
ответа
293
показа
Разделить страницу двумя цветами по диагонали
Как можно разделить страницу двумя цветами по диагонали так, чтобы это было адаптивно?
.red,
.black {
width: 100%;
height: 50vh;
}
.red {
background-color: red;
}
.black {
...
3
голоса
0
ответов
167
показов
Ретинизация и адаптивность изображений
Всем добрый день.
Проблема следующая:
Есть адаптивный сайт.
В нем блок с картинкой.
По ТЗ необходимо картинки ретинизировать и при этом на каждом вьюпорте (мобила, планшет, десктоп) картинка ...
0
голосов
1
ответ
47
показов
Libgdx. Адаптивность на различных устройствах
Я прошерстил кучу материалов и страниц по сети. Но нигде не смог найти методы и/или объекты для отображения одних и тех же спрайтов при помощи TextureAtlas, чтобы они одинаково отображались на ...
0
голосов
2
ответа
89
показов
Не получается прижать футер к низу экрана
Не поможете с футером? Он "отклеивается", может быть, дело в том , что данный код некроссбраузерный?
#footer {
width: 100%;
height: 50px;
background: #000;
text-align: center;
}
#...
0
голосов
0
ответов
17
показов
проблема с адаптацией
Проблема в том, что на айфоне сайт выглядит не как на ПК. Медиа запросы поставил, -webkit- поставил, -webkit-appearance: none; поставил. Но всёравно одна кнопка input выглядит совершенно по-другому. ...
0
голосов
1
ответ
70
показов
Адаптивная таблица для телефона и ПК
Есть данная адаптивная таблица для телефона и ПК, из четырех колонок. Все хорошо НО применить CSS не возможно (кроме font-size), так как все сразу ломается.
Предложите пожалуйста аналог, НО чтобы ...
4
голоса
1
ответ
66
показов
Назначение в css атрибутов svg не работает в Firefox
Имеется следующий код.
path
{
fill: url(#bgr);
}
#myImg
{
x: -10;
y: -10;
}
<div class="add">
...
0
голосов
1
ответ
38
показов
Мобильная верстка выпадает из размеров экрана
Столкнулся с такой пролемой при мобильной адаптации верстки.
Когда я захожу в режим разработчика в хроме и выбираю мобильную версию показа страницы, то верстка уходит за пределы заданных максимальных ...
0
голосов
2
ответа
1k
показов
При изменении ширины экрана блок не меняет размер
При изменении ширины страницы (менее 992px) должен пропадать блок (adds), а соседний (content) должен растягиваться на всю ширину.
Я пробовал через медиа-запрос увеличивать ширину, но блок остаётся ...
0
голосов
0
ответов
80
показов
Как сделать адаптивное окно в WPF?
Начальное окно, при запуске, подгружает три фрэйма. Первый и третий фрэйм остаются неизменными, во втором будет обновляться весь контент.
Как сделать, чтобы второй фрэйм увеличивал высоту окна в ...
0
голосов
1
ответ
81
показ
Как сделать адаптивность сайта?
Проблема с адаптивностью сайта. Я новичок, поэтому не особо разбираюсь как правильно писать адаптивность. Все работает на определенных размерах экрана, но как только немного уменьшить, сразу все ...
2
голоса
2
ответа
77
показов
Как расположить элемент с помощью абсолютного позиционирования
Я пытаюсь использовать абсолютное позиционирование, но у меня не получается. Есть иконка корзины и рядом с ней цифр (кол-во товара) и мне нужно эту цифру сдвинуть левее чтобы она была более видна. ...
0
голосов
1
ответ
2k
показов
Как сделать, чтобы картинки выстраивались в 2 колонки?
Делаю адаптив с flexbox. Необходимо, чтобы при медиа-запросе @media (max-width: 1200px) картинки выстраивались не в колонку, а в две колонки. Каким свойством CSS это можно сделать?
.row {
...
2
голоса
1
ответ
67
показов
Как в диве с ограниченной шириной задать область видимости по умолчанию справа?
Если див ограничить по ширине, и сделать пролистываемым внутри, то он по умолчанию сделает область видимости слева от содержимого. Как в примере. Каким образом можно сделать область видимости справа? ...
0
голосов
2
ответа
179
показов
Не отображается background-image. Как сделать адаптивный текст внутри адаптивного фона
Я хочу поместить все имеющиеся элементы текста внутрь фона так, чтобы они были адаптивными, как и сам фон. Я решил использовать фон(background-image) вместо картинки для того, чтобы все элементы ...
0
голосов
1
ответ
21
показ
Адаптивность .htm страницы под различные форматы мониторов
Можно ли как-то подстроить сайт, сделанный под разрешение 1600х900, к монитору под 1366х768? Нужно подстроить сайт не только под ширину, но и под высоту так, чтобы не было скроллов. В плане того, я ...
0
голосов
0
ответов
52
показа
Не получается эту часть блока адаптировать. В чем проблема?
Надеюсь тут найду ответ на свой вопрос.
Не могу понять почему paddingами не смещается повыше. Конечно, тут я нашел что сам блок имеет вот такой размер, но как тогда исправить? Если десктоп потом ...
0
голосов
0
ответов
37
показов
Как на мобилках сделать изображение чётким?
Допустим есть иконка в формате png размером 100х100рх.
На десктопе нормально выглядит, а на мобилках видны пиксели, не совсем чётко выглядит.
Как сделать такую иконку чёткой на мобилках?
Можно ли ...
1
голос
2
ответа
374
показа
Адаптив не работает на айфонах
`
@media only screen and (max-width: 400px){
html, body {
width: 100%;
max-width: 100%;
overflow: hidden auto;
background-color: #4c66a2;
}
.content-wrapper {
...
0
голосов
1
ответ
174
показа
(Адаптация сайта)Как расположить блоки div в колонку при ширине 700px?
Уже попробовал разные способы, но никак не получается расположить их ровно в столбик. То блок какой то выпадет, то не перемещаются к левой стороне.
body{
width: 100%;
margin: 0;
padding: 0;
...
0
голосов
0
ответов
17
показов
Подогнать сайт по медиа-запросу
Ребята подскажите, пожалуйста, подганяю сайт по медиозапросу,
/* 576-768px */
@media screen and (max-width: 768px)
и выпирают какие -то падинги,синего цвета
помогите разобраться
0
голосов
1
ответ
118
показов
Как сделать адаптивный фон на часть экрана?
помогите, пожалуйста, реализовать одну вещь. Есть некий фон, который должен равняться по центру блоков со свойством
"display: inline-block;". Сайт должен сохранять адаптивность, фон должен ...
1
голос
0
ответов
23
показа
Адаптивный алгоритм укладки блоков на поле
Есть задача:
Имеется блок (прямоугольник) с размером boxX на boxY.
Имеется поле (прямоугольное), на которое надо сложить эти блоки. Размеры поля, соответственно, fieldX и fieldY.
Задаём случайные ...
0
голосов
1
ответ
134
показа
Масштабирование svg схемы
Использую некую библиотеку для svg схемы стадиона, сайт по покупке билетов ВТБ Арена, в самой библиотеке не предусмотрен функционал приближение и отдаление на телефоне, а там как раз таки оно оооочень ...
0
голосов
0
ответов
81
показ
Некорректно отрабатывает label на мобильной версии
Есть сайт:
http://unilab.su/useful/calendar/pervyy-trimestr/
На сайте есть подобная конструкция:
<div class="demo">
<input type="checkbox" id="hd-1" class="hide">
<...
1
голос
0
ответов
49
показов
Как адаптировать приложение на все экраны смартфонов?
Хочу научиться адаптировать приложение под любой разрешение экрана. В последнее время, стали популярны нестандартные разрешение(вытянутые) и я хочу что бы приложения выглядели везде одинаково. Но я не ...
0
голосов
1
ответ
618
показов
Как расположить блоки в колонну при масштабировании?
Учусь верстать адаптивные сайты. На макете есть блок с 3 div по горизонтали. Как сделать так, чтобы при масштабировании они шли в ряд по вертикали. Эти карточки находиться внутри другого дива с ...
0
голосов
1
ответ
90
показов
Проблема с размер страницы
моя проблема заключается в слудующем:при добавлении блока, изменяется высота страницы. Как вернуть нормальною высоту страницы? И как удлать часть где нет ничего?[![введите сюда описание изображения][1]...
1
голос
1
ответ
396
показов
Как установить фиксированное положение при изменение размеров экрана
Пытаюсь реализовать кнопку удаления. Вся проблема заключается в неправильном css, при масштабировании страницы, либо изменения размеров окна браузера, крестики выходят из элемента li и я понимаю ...
1
голос
1
ответ
91
показ
Как сделать адаптивность блока в неизвестном месте?
Задача такая: сверстать адаптивный блок, как на картинке. С версткой блока проблем нет. Проблемой является то, что неизвестно в каком именно месте сайта будет располагаться этот блок. Реализовать ...
3
голоса
1
ответ
931
показ
Как исправить проблему со 100vh на мобильных устройствах?
При определении высоты блока как 100vh, на мобильных устройствах верхнее меню браузера прибавляется к общей высоте, появляется вертикальный скролл и нижние элементы съезжают. Кто знает как фиксить?
0
голосов
1
ответ
56
показов
Не работает мобильная версия сайта
Начал делать адаптивную версию лендинга и зашёл на него со смартфона, чтобы посмотреть как он отображается.Но мои медиа запросы почему-то не срабатывают. С телефона сайт выглядит точно также как и с ...
0
голосов
1
ответ
136
показов
Как сверстать двухстрочное меню?
/* BASE SETTINGS */
* {
margin: 0;
padding: 0;
}
body {
width: 100%;
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
.inner-html {
width: 960px;
margin: ...
1
голос
1
ответ
254
показа
Bootstrap 4 отключить адаптацию ниже 1200
Доброго времени суток...
Случилась такая проблема, я не ожидал что это станет проблемой, так как на 3 отключал всё легко,
тут же несколько часов плясок на костылях не дают вообще результата
есть сайт ...
0
голосов
1
ответ
93
показа
Вопрос по адаптивной верстке
Сверстал макет, делаю адаптив. Нужно уменьшить заголовки h2 и отступы padding(top и bottom в каждой секции). Так как отступы в каждой секции разные, хочу уменьшить их синхронно(на одинаковое ...
0
голосов
1
ответ
116
показов
Наложение элементов меню
Попросили переверстать статический сайт на HTML/CSS с табличного в блочный и сделать его адаптивным, но элементы меню при масштабировании окна браузера наезжают друг на друга, ниже код CSS и скриншот. ...
0
голосов
1
ответ
37
показов
CSS на мобильной версии сайта. Ошибка
Доброго времени суток. Пытаюсь перенести сайт с конструктора на хостин, все вроде скопировал, немного видоизменил но возникла проблема, с боковым меню. Оно на мобильной версии должно прятаться, что ...