для тех, кто до сих пор не знает о отзывчивом дизайне, я предлагаю эту ссылку, так как долго она не понимает, как: @Media экран и (максимальная ширина : 1280px) {h1 {размер шрифта: 120px; ...
Я хочу создать несколько медиа-запросов, чтобы охватить большую часть пропорций для ПК / ноутбуков. Моя первая попытка была такой: @media screen и (min-device-aspect-ratio: 4/3) {header :: after {...
Есть ли туториалы, как сделать адаптивный макет похожим на этот? Я ищу по всему Интернету, но не могу найти ни одного нормального руководства, так как все остальные изменяют размер окна, и вы можете ...
Переходя к адаптивному дизайну, я использую% s для изображений, например: #example img {width: 100%; высота: авто; максимальная ширина: 690 пикселей; // Ширина загружаемого изображения. } Это прекрасно работает, за исключением ...
Я пытаюсь получить высоту изображения в видеоплеере, чтобы продолжительность была вдвое меньше, чем при любом размере проигрывателя. Я использую следующее, чтобы попытаться это, но это не работает: // ...
Кто-нибудь когда-нибудь пытался преобразовать сайт в мобильный телефон и сталкивался с пробелом на странице, который он не может найти или удалить? Обычно это явная проблема или проблема с плавающей точкой, но в этом ...
Я использую всплывающие подсказки Bootstrap над кнопками на своем сайте, но при просмотре на мобильном устройстве эти всплывающие подсказки запускаются при первом щелчке, что означает, что мне нужно дважды щелкнуть кнопку. Я хочу...
Я вижу много несоответствий с атрибутом srcset в тегах img (адаптивные изображения) в Chrome 40.0.2214.91. Прежде чем я обновился до Chrome v40 (у меня было ~ 39), атрибут srcset работал нормально и будет ...
У меня было 2 x (300x250) рекламных блока Adsense в правой боковой панели моего сайта. Я сделал сайт адаптивным и заменил эти рекламные блоки Adsense адаптивными рекламными блоками. У меня сейчас проблема в том, что ...
Я хочу масштабировать iFrame с помощью CSS до ширины: 100%, а высота должна масштабироваться пропорционально ширина. С тегом это работает нормально. И изображение, и iFrame определили...
Есть ли способ использовать принципы адаптивного дизайна с Сайтами Google. Кто-нибудь пробовал это. Не могли бы вы направить меня на образец сайта. Я просмотрел этот раздел справки Google, но тогда это предположительно о...
Допустим, я хочу ориентироваться на все планшеты и телефоны, независимо от размера, есть ли для этого медиазапрос? Можно ли сделать это без указания размера? Или использование размера - это единственный способ ...
Есть ли способ сделать PrettyPhoto отзывчивым для мобильных телефонов и планшетов? Я пытался, но мне кажется, что это слишком сложно. Любая идея приветствуется Спасибо
Давайте поговорим об изображениях в HTML. Если я перетащу изображение на страницу без каких-либо других ограничений, оно примет свой «естественный размер» ---, то есть буквальный размер изображения в пикселях. Если я укажу CSS...
При разработке веб-приложений в прошлом выбор был 800px или 1024px для размещения в мониторе пользователя. Я исследовал адаптивный веб-дизайн и флюидный дизайн, и кажется, что ...
мы разрабатываем приложение и используем Twitter начальной загрузки 3, мы создали панель навигации с nav-pills < ul class = "nav nav-pills head-menu" > ...
Я хочу сделать фоновое изображение отзывчивым как по ширине, так и по высоте, чтобы я мог запускать его на мобильных устройствах. Я использовал это .your_background_class_name {width: 100%; высота: авто; ...
Раньше я использовал Zurb Foundation и Skeleton, поэтому я знаком с обоими, но мне никогда раньше не приходилось преобразовывать существующий веб-сайт в адаптивный веб-сайт. Какой самый быстрый способ конвертировать мой сайт?...
Я новичок в адаптивном дизайне с использованием медиазапросов CSS3. Я четко понимаю, как мы нацеливаемся на разные устройства с помощью этих медиазапросов, но место, где я запутался, - БРАУЗЕР ЗУМИНГ !!. За ...
Я разрабатываю новый веб-сайт с поддержкой мобильных устройств и хочу попробовать использовать «отзывчивый дизайн»/«адаптивный дизайн»/медиа-запросы CSS. Мне интересно, есть ли недавний отчет о мобильных браузерах, которые...
Я разрабатываю адаптивный веб-сайт для компании, где полноразмерный веб-сайт имеет слайд-шоу с фоновыми изображениями (полностью заполняет экран с помощью Backstretch ). Поскольку изображения...
Мне нужна простая в использовании структура сетки для моего текущего веб-проекта. Вот функции, которые я бы оценил :плавная сетка :блоки, которые можно выровнять по горизонтали (рядом ), каждый из которых имеет...
Я начинаю создавать веб-сайт, хороший для мобильных устройств. Поэтому я также начинаю изучать медиа-запросы и различные структуры сетки. Я взглянул на всех «основных игроков», таких как инуиты.css, ...
Я владелец сайта, в настоящее время использую AdSense для монетизировать. Я решил изменить дизайн своего сайта на адаптивный, чтобы он мог правильно отображаться на экранах разных размеров ...
Я пытаюсь получить загрузочные div для полной длины тела. Это то, что я пробовал до сих пор: http://jsfiddle.net/bKsad/315/ html, body {min-height: 100%} .wrap {height: 100%} .sidebar {...
Ситуация: у меня есть 5 CSS-файлов: base.css с некоторыми стилями, которые применяются везде 339px.css для ширины до 339px 639px.css для ширины до 639px 999px.css и bigscreen.css для чего угодно ...
Я новичок в адаптивном дизайне, сейчас я играю с twitter bootstrap responsive.css. И я столкнулся с некоторыми проблемами с моим проектом. Беда в том, что моя левая колонка не рухнет (, если это...
Можно ли реализовать следующую логику с использованием HTML и CSS? ширина :100%; высота :30% ширины; Что я хочу реализовать :Если я уменьшу ширину, высота также уменьшится пропорционально.