|
0 / 0 / 0
Регистрация: 25.01.2015
Сообщений: 5
|
|
| 1 | |
Размер div в размер разрешения планшета26.01.2015, 00:13. Показов 2042. Ответов 8
Метки нет (Все метки)
Создаю сейчас лэндинг, необходим был слайдер на css, притом такой что бы отображался во весь экран устройства Для отображение на компьютерах работает без заминок Но попробовав открыть сайт на планшете размер div'a был больше разрешения Как сделать так что бы на планшете отображался слайдер в размер экрана планшета Вот ссылка на сайт http://test16.nichost.ru
0
|
|
(| 26.01.2015, 00:13 | |
|
Ответы с готовыми решениями:
8
Резиновый размер div'a, размер div'a в зависимости от расположения div'ов в нем Размер таблица для любого разрешения Размер внешнего DIV в зависимости от внутреннего DIV
|
 653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
|
|
| 30.01.2015, 12:21 | 4 |
|
У тебя размер слайдов задан в vw и vh. и все по 100%. Если кто-то зайдет с большого экрана, у него твой сайт растянется на весь экран и я думаю, что дизайн будет ужасным. Если уже и используешь vw и vh стоит задать max-width для контейнера. А по-поводу картинок, посмотри версию браузера на планшете vw и vh не всеми поддерживается.
А про медиа-запросы - просто гугли @media-queries в инете миллион больших статей с кучей примеров.
0
|
|
|
0 / 0 / 0
Регистрация: 25.01.2015
Сообщений: 5
|
|
| 30.01.2015, 13:02 [ТС] | 5 |
|
Да мне то по сути и не нужны они
Посмотрел примеры сейчас У меня отображение от малых 600х800 до full hd идеальное А вот с про смотром на мобильных устройствах какая то лажа Врет например в iwpro.ru у них выглядит замечательно все Нужно что бы div "slider" Принимал размер экрана на мобильных устройствах и уменьшал размер изображения как это происходит на любом разрешения заходя с любого разрешения но с компа А с планшета почему то принимается высота по размеру картинки а ширина по размеру экрана Картинка обрезается и получается белиберда
0
|
|
|
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
|
|
| 30.01.2015, 13:20 | 6 |
|
Ну так ты задал vh=100% и vw=100% vw - viewport width, vh - viewport height. Ты блоку задаешь 100% от высоты экрана и 100% от ширины экрана. background-size:cover - масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока. Вот и обрезается
0
|
|
|
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
|
|
| 30.01.2015, 13:37 | 8 |
|
Чувак, у меня на планшете вообще ничего не отображается(слайдер имею в виду). Более того, вообще нигде нет слайдера. Нажми ctr+f5 и у тебя не будет. У тебя в css ошибки.. Скачай web-developer для firefox, и смотри там указаны ошибки в css, там точек с запятой нет, и есть неправильно закрытые правила (нету скобок "}") правь css
0
|
|
|
0 / 0 / 0
Регистрация: 25.01.2015
Сообщений: 5
|
|
| 30.01.2015, 13:45 [ТС] | 9 |
|
Я сейчас экспериментирую просто
0
|
|
| 30.01.2015, 13:45 | |
| 30.01.2015, 13:45 | |
|
Помогаю со студенческими работами здесь
9
Фиксированный размер <div> Как ограничить размер текста в div'е ? Div'ы и авторегулировка под размер экрана Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||||
|
Счётчик на базе сумматоров + регистров и генератора сигналов согласования.
Hrethgir 07.01.2025
Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .
|
Как перейти с Options API на Composition API в Vue.js
BasicMan 06.01.2025
Почему переход на Composition API актуален
В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .
|
Архитектура современных процессоров
inter-admin 06.01.2025
Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .
|
История создания реляционной модели баз данных, правила Кодда
Programming 06.01.2025
Предпосылки создания реляционной модели
В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .
|
Полезные поделки на Arduino, которые можно сделать самому
raxper 06.01.2025
Arduino как платформа для творчества
Arduino представляет собой удивительную платформу для технического творчества, которая открывает безграничные возможности для создания уникальных проектов. Эта. . .
|
Подборка решений задач на Python
IT_Exp 06.01.2025
Целью данной подборки является предоставление возможности ознакомиться с различными задачами и их решениями на Python, что может быть полезно как для начинающих, так и для опытных программистов.
. . .
|
|
С чего начать программировать микроконтроллеры
raxper 06.01.2025
Введение в мир микроконтроллеров
Микроконтроллеры стали неотъемлемой частью современного мира, окружая нас повсюду: от простых бытовых приборов до сложных промышленных систем. Эти маленькие. . .
|
Из чего собрать игровой компьютер
inter-admin 06.01.2025
Сборка игрового компьютера требует особого внимания к выбору комплектующих и их совместимости. Правильно собранный игровой ПК не только обеспечивает комфортный геймплей в современных играх, но и. . .
|
Обновление сайта www.historian.by
Reglage 05.01.2025
Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .
|
Как использовать GraphQL в C# с HotChocolate
Programming 05.01.2025
GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .
|
Модель полного двоичного сумматора с помощью логических операций (python)
AlexSky-coder 04.01.2025
def binSum(x:list, y:list):
s=^y]
p=x and y
for i in range(1,len(x)):
s. append((x^y)^p)
p=(x and y)or(p and (x or y))
return s
x=list()
y=list()
|
Это мы не проходили, это нам не задавали...(асихронный счётчик с управляющим сигналом зад
Hrethgir 04.01.2025
Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .
|
Наверх