Запитання з тегом «css»

Як можна збільшити елемент HTML у Firefox та Opera? zoomВластивість працює в IE, Google Chrome і Safari, але це не працює в Firefox і Opera. Чи існує якийсь спосіб додати цю властивість до Firefox та Opera?

82 css  firefox  cross-browser  zoom  opera 

Розробляючи веб-сайт iPad, я намагався скористатися властивістю CSS, overflow: autoщоб отримати смуги прокрутки, якщо це потрібно в div, але мій пристрій відмовляється показувати їх, навіть якщо прокрутка двома пальцями працює. Я пробував з overflow: auto; і overflow: scroll; і результат однаковий. Я тестую лише на iPad (у настільних браузерах працює …

82 css  ipad  ios 

У мене питання про швидкість візуалізації властивості переходу css3. Припустимо, у мене є ряд елементів: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} Набагато ефективніше націлити всі переходи для всіх цих елементів за …

82 performance  css  css-transitions 

Мені цікаво, як ігнорувати батьківський стиль та використовувати стиль за замовчуванням (жоден). Я покажу свій приклад як приклад, але я впевнений, що це загальне питання. <style> #elementId select { height:1em; } </style> <div id="elementId"> <select name="funTimes" style="" size="5"> <option value="test1">fish</option> <option value="test2">eat</option> <option value="test3">cows</option> </select> </div> Я не хочу вирішувати …

82 css 

При розробці макетів я встановлюю для html, bodyелементів ' heightзначення, 100%але в деяких випадках це не вдається, то що слід використовувати? html, body { height: 100%; } або html, body { min-height: 100%; } Ну, це не засновано на думках, оскільки кожен метод має свої недоліки, тож який рекомендований спосіб …

82 html  css 

Я працюю над створенням крос-браузерної сумісної ротації (тобто 9 +), і у мене є такий код у jsfiddle $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)' }); } function AnimateRotate(d) { $("#MyDiv2").animate({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform':'rotate('+d+'deg)' }, 1000); } CSS і …

82 jquery  css  rotation  jquery-animate 

Мій додаток використовує JSoup для завантаження HTML сторінки дошки оголошень (припустимо, у цьому випадку це сторінка, що містить публікації певної теми). Я хотів би взяти цей HTML, видалити непотрібні елементи та застосувати користувальницький CSS, щоб оформити його як "мобільний" у WebView. Чи повинен я вводити стилі в HTML під час …

82 android  html  css  webview 

За допомогою медіа-запитів CSS ви можете max-device-widthнацілювати ширину пристрою (наприклад, iPhone або Android) та / або a, max-widthяка націлена на ширину сторінки. Якщо ви використовуєте max-device-width, коли ви змінюєте розмір вікна браузера на робочому столі, CSS не змінюється, оскільки ваш робочий стіл не змінює розмір. Якщо ви використовуєте max-width, коли …

82 css  responsive-design  media-queries 

Я намагаюся надати моєму div і textarea деяку підкладку. Коли я це роблю, це збільшує розмір елемента, замість того, щоб зменшувати область вмісту всередині нього. Чи є спосіб досягти того, що я намагаюся зробити?

82 html  css 

Було б непогано обернути стилі css для різної роздільної здатності в деяких класах css, використовуючи менше. Я хотів би зробити щось на зразок: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } Наприкінці повинно вийти щось подібне: footer …

82 css  responsive-design  less  media-queries 

Я використовую <span>теги в заголовках моїх модулів, наприклад <span>Categories</span>. Я вказую колір / зображення фону, ширину та висоту проміжку в css. Але ширина прольоту залежить від його змісту / тексту. Отже, якщо я це роблю <span></span>, лише із фоновим зображенням / кольором у css нічого не з’являється. Звичайно, я хочу, …

82 css 

Я хочу встановити мінімальний розмір шрифту для кожного елемента на моїй HTML-сторінці. Наприклад, якщо є елементи з розміром шрифту менше 12 пікселів, тоді вони зміняться на 12 пікселів. Але якщо є елементи з розміром шрифту розміром 12 пікселів, вони не зміняться. Чи можна це зробити за допомогою CSS?

82 html  css  font-size 

Який правильний спосіб використовувати, @font-faceщоб браузер не завантажував шрифт, якщо його у користувача вже є? Я використовую @ font-face для визначення DejaVu, який вже встановлений у моїй системі (linux). Firefox не завантажує шрифт, але Chromium завантажує його кожного разу! Мій CSS-код, заснований на шрифтовій білці і це запитання виглядає так: …

82 css  font-face 

Я хочу створити індикатор прогресу, як на малюнку нижче: Я не маю уявлення про створення цього. Чи слід використовувати методи HTML5? Не могли б ви допомогти мені у створенні цієї панелі прогресу?

82 html  css  progress-bar 

Я переміщую 6000 маленьких елементів div в експерименті css3, використовуючи перехід від top: 0до top: 145pxдо тестової продуктивності. Без використання апаратного прискорення в Google Chrome працює гладко. Якщо я ввімкну апаратне прискорення за допомогою translateZ(0)продуктивності, це стає жахливо. Чому це так? Ось мій приклад коду: http://dl.dropboxusercontent.com/u/17844821/tmp/hwtest.html Оновлення (13.11.2014): Оскільки це …

82 css  css-transitions  hardware-acceleration