Вопросы с меткой [адаптивность]
Руководство по использованию метки адаптивность отсутствует.
69
вопросов
0
голосов
1ответ
29 показов
Помогите с адаптивностью сайта :)
Я не очень разбираюсь в адаптивности, помогите с первой страничкой. Особенно не понимаю, как на мобильных устройствах сделать так, чтобы был только белый квадрат меню.
body {
padding: 0;
...
0
голосов
2ответа
23 показа
Flexbox не понимаю почему блок выстраивается за дрругим блоком , а не нже
Даю диву с айди overiew display:flex; после чего все элементы этого дива выстраиваются за дивом main, а не ниже. почему так происходит?
p.s первый раз задаю вопрос. если задал его не правильно укажи ...
0
голосов
1ответ
39 показов
Адаптивность. Как сделать чтобы блоки одностраничника в телефоне шли вертикально друг под другом?
как сделать чтобы блоки для телефона шли вертикально подряд друг под другом
https://codepen.io/1rocky12/pen/WNxgvKo
// portfolio
$('.gallery ul li a').click(function() {
var itemID = $(this)....
0
голосов
1ответ
633 показа
Проблема в шрифте, Montserrat на ПК и андроид выглядит нормально, на Safari Он меняет стиль
Здесь как он должен выглядеть https://prnt.sc/uvzw6l, а так он отображается на айфоне 6s+ https://prnt.sc/uvzwwb
Кто сталкивался с такой проблемой?
0
голосов
1ответ
55 показов
Как сделать так, чтобы родительский блок растягивался вместе с дочерним?
У меня есть два блока – один родительский, другой дочерний.
Вопрос: как сделать так, чтобы родительский блок, растягивался вместе с дочерним?
codepen
body {
background: pink;
}
* {
margin: 0;
...
0
голосов
1ответ
6 показов
Uwp не работают AdaptiveTrigger в VisualState
Не работают триггеры , пробовал все что угодно , и разные свойства , и названия менял , ничего не работает , даже ничего не происходит . Цель триггеров сделать так чтобы при минимальной ширине ...
0
голосов
0ответов
11 показов
Как вставить две картинки в picture>sourse при разрешение 480px?
Как вставить две картинки в picture>sourse при разрешение 480px
<picture>
<source srcset="img/480px/img-mission-mobile-01.svg" media="(max-width: 480px)">
...
0
голосов
3ответа
112 показов
Как сделать замену изображение при адаптации?
Здраствуйте!
Делаю сайт и нужно чтобы изображение заменялось на другое изображение.
Возможно ли это?
0
голосов
0ответов
5 показов
Адаптивность сайта величинами vh и vw
Как будет выглядеть сайт на больших мониторах от 2600px+ если при создании сайта все величины указывать в vh vw?
0
голосов
0ответов
28 показов
Плывёт адаптивная вёрстка в safari
Подскажите из за чего плывет верстка в safari на мобильных десктопах.
Кэш уже сбрасывал, ставил версии стилей, не помогло. Сайт https://forpost-dvery.ru
1
голос
4ответа
113 показов
Разделить страницу двумя цветами по диагонали
Как можно разделить страницу двумя цветами по диагонали так, чтобы это было адаптивно?
.red,
.black {
width: 100%;
height: 50vh;
}
.red {
background-color: red;
}
.black {
...
0
голосов
0ответов
15 показов
Реализовать адаптивность в самописном слайдере изображений?
Имеется небольшой самописный JQuery-слайдер с двуями крутилками:
<div class="slider">
<div>
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">
</...
3
голоса
0ответов
96 показов
Ретинизация и адаптивность изображений
Всем добрый день.
Проблема следующая:
Есть адаптивный сайт.
В нем блок с картинкой.
По ТЗ необходимо картинки ретинизировать и при этом на каждом вьюпорте (мобила, планшет, десктоп) картинка ...
0
голосов
1ответ
29 показов
Libgdx. Адаптивность на различных устройствах
Я прошерстил кучу материалов и страниц по сети. Но нигде не смог найти методы и/или объекты для отображения одних и тех же спрайтов при помощи TextureAtlas, чтобы они одинаково отображались на ...
0
голосов
2ответа
71 показ
Не получается прижать футер к низу экрана
Не поможете с футером? Он "отклеивается", может быть, дело в том , что данный код некроссбраузерный?
#footer {
width: 100%;
height: 50px;
background: #000;
text-align: center;
}
#...
0
голосов
0ответов
16 показов
проблема с адаптацией
Проблема в том, что на айфоне сайт выглядит не как на ПК. Медиа запросы поставил, -webkit- поставил, -webkit-appearance: none; поставил. Но всёравно одна кнопка input выглядит совершенно по-другому. ...
0
голосов
1ответ
31 показ
Адаптивная таблица для телефона и ПК
Есть данная адаптивная таблица для телефона и ПК, из четырех колонок. Все хорошо НО применить CSS не возможно (кроме font-size), так как все сразу ломается.
Предложите пожалуйста аналог, НО чтобы ...
4
голоса
1ответ
53 показа
Назначение в css атрибутов svg не работает в Firefox
Имеется следующий код.
path
{
fill: url(#bgr);
}
#myImg
{
x: -10;
y: -10;
}
<div class="add">
...
0
голосов
1ответ
33 показа
Мобильная верстка выпадает из размеров экрана
Столкнулся с такой пролемой при мобильной адаптации верстки.
Когда я захожу в режим разработчика в хроме и выбираю мобильную версию показа страницы, то верстка уходит за пределы заданных максимальных ...
0
голосов
2ответа
500 показов
При изменении ширины экрана блок не меняет размер
При изменении ширины страницы (менее 992px) должен пропадать блок (adds), а соседний (content) должен растягиваться на всю ширину.
Я пробовал через медиа-запрос увеличивать ширину, но блок остаётся ...
0
голосов
0ответов
45 показов
Как сделать адаптивное окно в WPF?
Начальное окно, при запуске, подгружает три фрэйма. Первый и третий фрэйм остаются неизменными, во втором будет обновляться весь контент.
Как сделать, чтобы второй фрэйм увеличивал высоту окна в ...
0
голосов
1ответ
71 показ
Как сделать адаптивность сайта?
Проблема с адаптивностью сайта. Я новичок, поэтому не особо разбираюсь как правильно писать адаптивность. Все работает на определенных размерах экрана, но как только немного уменьшить, сразу все ...
2
голоса
2ответа
51 показ
Как расположить элемент с помощью абсолютного позиционирования
Я пытаюсь использовать абсолютное позиционирование, но у меня не получается. Есть иконка корзины и рядом с ней цифр (кол-во товара) и мне нужно эту цифру сдвинуть левее чтобы она была более видна. ...
0
голосов
1ответ
625 показов
Как сделать, чтобы картинки выстраивались в 2 колонки?
Делаю адаптив с flexbox. Необходимо, чтобы при медиа-запросе @media (max-width: 1200px) картинки выстраивались не в колонку, а в две колонки. Каким свойством CSS это можно сделать?
.row {
...
2
голоса
1ответ
42 показа
Как в диве с ограниченной шириной задать область видимости по умолчанию справа?
Если див ограничить по ширине, и сделать пролистываемым внутри, то он по умолчанию сделает область видимости слева от содержимого. Как в примере. Каким образом можно сделать область видимости справа? ...
0
голосов
2ответа
112 показов
Не отображается background-image. Как сделать адаптивный текст внутри адаптивного фона
Я хочу поместить все имеющиеся элементы текста внутрь фона так, чтобы они были адаптивными, как и сам фон. Я решил использовать фон(background-image) вместо картинки для того, чтобы все элементы ...
0
голосов
1ответ
19 показов
Адаптивность .htm страницы под различные форматы мониторов
Можно ли как-то подстроить сайт, сделанный под разрешение 1600х900, к монитору под 1366х768? Нужно подстроить сайт не только под ширину, но и под высоту так, чтобы не было скроллов. В плане того, я ...
0
голосов
0ответов
46 показов
Не получается эту часть блока адаптировать. В чем проблема?
Надеюсь тут найду ответ на свой вопрос.
Не могу понять почему paddingами не смещается повыше. Конечно, тут я нашел что сам блок имеет вот такой размер, но как тогда исправить? Если десктоп потом ...
0
голосов
0ответов
31 показ
Как на мобилках сделать изображение чётким?
Допустим есть иконка в формате png размером 100х100рх.
На десктопе нормально выглядит, а на мобилках видны пиксели, не совсем чётко выглядит.
Как сделать такую иконку чёткой на мобилках?
Можно ли ...
1
голос
2ответа
205 показов
Адаптив не работает на айфонах
`
@media only screen and (max-width: 400px){
html, body {
width: 100%;
max-width: 100%;
overflow: hidden auto;
background-color: #4c66a2;
}
.content-wrapper {
...
0
голосов
1ответ
88 показов
(Адаптация сайта)Как расположить блоки div в колонку при ширине 700px?
Уже попробовал разные способы, но никак не получается расположить их ровно в столбик. То блок какой то выпадет, то не перемещаются к левой стороне.
body{
width: 100%;
margin: 0;
padding: 0;
...
0
голосов
0ответов
16 показов
Подогнать сайт по медиа-запросу
Ребята подскажите, пожалуйста, подганяю сайт по медиозапросу,
/* 576-768px */
@media screen and (max-width: 768px)
и выпирают какие -то падинги,синего цвета
помогите разобраться
0
голосов
1ответ
114 показов
Как сделать адаптивный фон на часть экрана?
помогите, пожалуйста, реализовать одну вещь. Есть некий фон, который должен равняться по центру блоков со свойством
"display: inline-block;". Сайт должен сохранять адаптивность, фон должен ...
1
голос
0ответов
19 показов
Адаптивный алгоритм укладки блоков на поле
Есть задача:
Имеется блок (прямоугольник) с размером boxX на boxY.
Имеется поле (прямоугольное), на которое надо сложить эти блоки. Размеры поля, соответственно, fieldX и fieldY.
Задаём случайные ...
0
голосов
1ответ
73 показа
Масштабирование svg схемы
Использую некую библиотеку для svg схемы стадиона, сайт по покупке билетов ВТБ Арена, в самой библиотеке не предусмотрен функционал приближение и отдаление на телефоне, а там как раз таки оно оооочень ...
0
голосов
0ответов
64 показа
Некорректно отрабатывает label на мобильной версии
Есть сайт:
http://unilab.su/useful/calendar/pervyy-trimestr/
На сайте есть подобная конструкция:
<div class="demo">
<input type="checkbox" id="hd-1" class="hide">
<...
1
голос
0ответов
43 показа
Как адаптировать приложение на все экраны смартфонов?
Хочу научиться адаптировать приложение под любой разрешение экрана. В последнее время, стали популярны нестандартные разрешение(вытянутые) и я хочу что бы приложения выглядели везде одинаково. Но я не ...
0
голосов
1ответ
191 показ
Как расположить блоки в колонну при масштабировании?
Учусь верстать адаптивные сайты. На макете есть блок с 3 div по горизонтали. Как сделать так, чтобы при масштабировании они шли в ряд по вертикали. Эти карточки находиться внутри другого дива с ...
0
голосов
1ответ
89 показов
Проблема с размер страницы
моя проблема заключается в слудующем:при добавлении блока, изменяется высота страницы. Как вернуть нормальною высоту страницы? И как удлать часть где нет ничего?[![введите сюда описание изображения][1]...
1
голос
1ответ
131 показ
Как установить фиксированное положение при изменение размеров экрана
Пытаюсь реализовать кнопку удаления. Вся проблема заключается в неправильном css, при масштабировании страницы, либо изменения размеров окна браузера, крестики выходят из элемента li и я понимаю ...
1
голос
1ответ
51 показ
Как сделать адаптивность блока в неизвестном месте?
Задача такая: сверстать адаптивный блок, как на картинке. С версткой блока проблем нет. Проблемой является то, что неизвестно в каком именно месте сайта будет располагаться этот блок. Реализовать ...
3
голоса
1ответ
757 показов
Как исправить проблему со 100vh на мобильных устройствах?
При определении высоты блока как 100vh, на мобильных устройствах верхнее меню браузера прибавляется к общей высоте, появляется вертикальный скролл и нижние элементы съезжают. Кто знает как фиксить?
0
голосов
1ответ
52 показа
Не работает мобильная версия сайта
Начал делать адаптивную версию лендинга и зашёл на него со смартфона, чтобы посмотреть как он отображается.Но мои медиа запросы почему-то не срабатывают. С телефона сайт выглядит точно также как и с ...
0
голосов
1ответ
101 показ
Как сверстать двухстрочное меню?
/* BASE SETTINGS */
* {
margin: 0;
padding: 0;
}
body {
width: 100%;
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
.inner-html {
width: 960px;
margin: ...
1
голос
1ответ
246 показов
Bootstrap 4 отключить адаптацию ниже 1200
Доброго времени суток...
Случилась такая проблема, я не ожидал что это станет проблемой, так как на 3 отключал всё легко,
тут же несколько часов плясок на костылях не дают вообще результата
есть сайт ...
0
голосов
1ответ
84 показа
Вопрос по адаптивной верстке
Сверстал макет, делаю адаптив. Нужно уменьшить заголовки h2 и отступы padding(top и bottom в каждой секции). Так как отступы в каждой секции разные, хочу уменьшить их синхронно(на одинаковое ...
0
голосов
1ответ
89 показов
Наложение элементов меню
Попросили переверстать статический сайт на HTML/CSS с табличного в блочный и сделать его адаптивным, но элементы меню при масштабировании окна браузера наезжают друг на друга, ниже код CSS и скриншот. ...
0
голосов
1ответ
34 показа
CSS на мобильной версии сайта. Ошибка
Доброго времени суток. Пытаюсь перенести сайт с конструктора на хостин, все вроде скопировал, немного видоизменил но возникла проблема, с боковым меню. Оно на мобильной версии должно прятаться, что ...
0
голосов
0ответов
30 показов
Проблема с адаптивностью на boostrap
Верстаю используя .col-lg-*
Все разрешения, что меньше 1200 начинают делать какие-то непонятно-магические действия (появляется белое окно).
0
голосов
1ответ
198 показов
Не помещаются элементы в блоке
Есть блок с заданной высотой(250px) и нужно чтоб высота блока менялась при адаптивке на 450px, но при указании этой высоты не влезают остальные блоки туда.
Что указать блокам, чтоб они вмеща
....