Вопросы с тегом «css»

IPhone 5 имеет более длинный экран, и он не улавливает мобильный вид моего сайта. Каковы новые адаптивные дизайнерские запросы для iPhone 5 и можно ли их комбинировать с существующими запросами iPhone? Мой текущий медиа-запрос таков: @media only screen and (max-device-width: 480px) {}

132 iphone  css  responsive-design  media-queries  iphone-5 

Мне нужно создать отзывчивую страницу с помощью начальной загрузки, разместив div в центре страницы, как в приведенном ниже макете.

132 css  twitter-bootstrap  responsive-design 

Каков правильный / приемлемый способ использования отдельных таблиц стилей для различных представлений, которые использует мое приложение? В настоящее время я размещаю элемент ссылки в html view / partial вверху, но мне сказали, что это плохая практика, хотя все современные браузеры поддерживают его, но я понимаю, почему это не одобряется. Другая …

132 css  model-view-controller  angularjs 

Некоторое время я боролся с фиксированным позиционированием в iPad. Я знаю iScroll, и он не всегда работает (даже в их демонстрации). Я также знаю, что у Sencha есть исправление для этого, но я не мог Ctrl+ Fисходный код для этого исправления. Я надеюсь, что у кого-то есть решение. Проблема в …

132 iphone  css  ipad  ios  mobile 

Я нахожусь в процессе создания небольшого приложения для интрасети и безуспешно пытаюсь использовать купленный мной недавно шрифт Adobe . Как мне сообщили, в нашем случае это не нарушение лицензии. Я конвертировал версии шрифта .ttf / .otf в .woff, .eot и .svg, чтобы настроить их для всех основных браузеров. Синтаксис @ …

132 internet-explorer  css  internet-explorer-9  font-face 

До недавнего времени мой сайт (www.heatexchangers.ca) набирал 98% в Google Page Speed. Было несколько вещей, с которыми я ничего не мог поделать, например, строка запроса из веб-шрифтов. Я был очень доволен этим, так как это представляло все, что я мог сделать. Недавно Google добавил кое-что еще, что влияет на оценку …

132 javascript  html  css  google-pagespeed 

У меня есть следующее в моем CSS. Все поля / отступы / границы глобально сбрасываются на 0. #wrapper{width: 75%; min-width: 800px;} .content{text-align: justify; float: right; width: 90%;} .lbar{text-align: justify; float: left; width: 10%;} Теперь, когда я пишу свой HTML как <div id="wrapper"> <div class="content"> some text here </div> <div class="lbar"> …

132 html  css 

Могу ли я предотвратить переполнение текста в блоке div?

132 html  css  overflow 

Я использую HTML-тег img, чтобы показать фотографию в нашем приложении. Я установил для атрибутов высоты и ширины значение 64. Мне нужно отображать любое разрешение изображения (например, 256x256, 1024x768, 500x400, 205x246 и т. Д.) Как 64x64. Но установив атрибуты высоты и ширины тега img равным 64, он не поддерживает соотношение сторон, …

132 html  css 

Кто-нибудь знает, как сделать изображение не перетаскиваемым и не выбираемым - в то же время - в Firefox, не прибегая к Javascript? Кажется тривиальным, но вот в чем проблема: 1) Можно перетащить и выделить в Firefox: <img src="..."> 2) Итак, мы добавляем это, но изображение все еще может быть выделено …

132 css  html  firefox  draggable 

Чтобы уменьшить количество запросов на сервере, я встроил некоторые изображения (PNG и SVG) как BASE64 прямо в CSS. (Это автоматизировано в процессе сборки) как это: background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...); Это хорошая практика? Есть ли причины избегать этого? Есть ли какие-то основные браузеры, в которых нет поддержки URL-адресов данных? Бонусный вопрос: имеет …

131 html  css  base64 

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме переполнения стека. Закрыто 5 лет назад . Улучшить этот вопрос При подготовке MCVE / SSCCE , включающего изображения, полезно иметь прямой доступ к …

131 java  javascript  css  image 

Я хочу иметь симпатичный маленький значок, который при нажатии очищает текст в поле <INPUT>. Это сделано для экономии места, а не для наличия четкой ссылки за пределами поля ввода. Мои навыки CSS слабые ... Вот скриншот того, как выглядит iPhone.

131 javascript  iphone  html  css 

У меня такой код: @color : #d14836; .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)), color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent), to(transparent)); Мне нужно преобразовать …

131 css  less 

Мы хотели бы иметь возможность использовать значок Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) в качестве маркера для неупорядоченных списков в CMS. Текстовый редактор на CMS выводит только необработанный HTML, поэтому дополнительные элементы / классы не могут быть добавлены. Это означает отображение значков, когда разметка выглядит следующим образом: <ul> <li>Item 1</li> <li>Item …

131 css  font-awesome