Поиск по сайту

Результаты поиска по тегам 'android'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Коммерческие услуги

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 9 результатов

  1. Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода: HTML: <div class="lineHeight"> HELLO // line-height method </div> <div class="padding"> HELLO // padding method </div> CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div { font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100px; background: lightgreen; margin: 5px; padding-left: 10px; box-sizing: border-box; } .lineHeight { line-height: 100px; } .padding { padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующая: В случаях с line-height и padding текст ровно по центру, отступы по 45px сверху и снизу: - Google Chrome (v. 55.0.2883.87 m); - Mozilla Firefox (v. 50.1.0); - Opera (v. 42.0.2393.94); - Safari (macOS, v. 10.0 12602.1.32.7); Для line-height отступы по 45px, для padding 46px сверху и 44px снизу: - Safari (Windows, v. 5.1.7 7534.57.2); В случаях с line-height и padding текст ровно по центру, отступы 46px сверху и 44px снизу: - Internet Explorer 11 (v. 11.576.14393.0); - Microsoft EDGE (v. 38.14393.0.0); Я понимаю, что в ряде случаев это не принципиально, но что делать если блок с текстом это, например, меню, а сбоку от текста расположена ровная иконка, положение которой задано через background-position. Выравниваешь иконку для одного браузера - плывёт в другом. Выглядит весьма заметно и некрасиво. И Бог бы с этим эксплорером, но дело вот в чём, на Android 6.0.1 (device pixel ratio 4.0) стандартный интернет браузер, а также скаченный Google Chrome центруют неровно, также наблюдается расхождение в 1 пиксель, а вот на это уже закрывать глаза не хочется (большой скрин с Android): Что примичательно, высота первой буквы на настольных компьютерах 10px, а на андроиде чуть больше. Разумеется добиться идеальной картинки, да ещё и во всех браузерах одновременно, невозможно, но ведь это не какой-то частный случай, а вполне закономерное желание разместить текст по центру меню-бара. Я буду очень признателен за Вашу помощь и пояснения на предмет "best-practices". Что я пробовал для решения данной проблемы: - Использовал разные шрифты, а также разные методы подключения внешних шрифтов: link через html / @import в CSS для Google Fonts, а также @font-face url для скаченных шрифтов; - Задавал размеры шрифта, отступы, line-height в em / rem / px; - Пробовал различные комбинации line-height + padding; - Для создания иконок меню пробовал псевдо элементы, это конечно же решает проблему расположения иконок относительно текста, но не решает проблему центровки по вертикали. P.S. CSS сброшен. Meta viewport задан. Доп. вопрос от новичка: Почему, задавая размер шрифта 14px, заглавная буква по факту занимает 10px? При этом если я использую буквы типа "Й" и "р", высота занимаемая текстом будет уже 16px, но никак не 14px. Что-же задают тогда эти пиксели в размере шрифта?
  2. Вот страница, которая не отображается https://dandirector.github.io/thermasteel/ проблема обнаружена на android 4.2.2 в uc brouser, хотел бы отметить, что вместо верстки видно просто белый экран. В других браузерах все гуд.
  3. Мобильная версия сайта скроллится идеально на андроиде http://imgur.com/XeFTTES Но на айфоне скролл ломается и он нереально быстрый http://imgur.com/5UruYUI Заметил, что при открытии сайта на айфоне в код добавляется новый <div> и правка в <body>, хотя в index.html их нет <body class="scroll_wrapper" style="top: -184.702px; left: 0px;"><noindex></noindex><div id="webit_scroll_provider_wrapper" class="html" style="padding-top: 0px; padding-bottom: 0px; width: 100%; min-width: 480px;">Так же в CSS нашел это: .scroll_wrapper{ position: absolute; overflow: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;}Но никак не пойму в чем проблема. Помогите, пожалуйста. Как исправить?
  4. Здравствуйте, уважаемые форумчане! Не подскажите хорошие статьи по верстке под мобайл - чтобы толково о правильном использовании медиа было расписано. Поняла что фундаментальных знаний в этом вопросе мне явно не хватает - раньше использовала бутстрап, а теперь надо самой все с нуля писать)) Бровзерстек показал море косяков для мобайл в моей верстке - например Андроид сжимает слишком картинки, border dashed глючит и т.п. Заранее благодарю)
  5. Доброго дня, коллеги. Довольно долго бьюсь над следующей проблемой. В письме необходимо разбить картинку на 4 ссылки (2х2). Таблица сделана, картинка порезана. Сначала возникали паразитные отступы между ячейками в разных почтовиках, которые были решены таким способом: <a href...><img src="..." style="display:block;"/></a> Помогло везде, кроме андроидовского gmail. Не могу избавиться от вертикального разрыва в 1px между столбцами. Это не рамка, изображение действительно сдвинуто.
  6. Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме
  7. Сделал простой сайтик. Во всех браузерах отображается правильно кроме стандартного браузера на Samsung Galaxy s3. А заказчики требуют, что бы все было корректно. Их понять можно. Но вот не понимаю почему в стандартном браузере ползет вниз правый блок. Вот так отображается в стандартном браузере: А вот так отображается в Хроме на том же телефоне: Подскажите пожалуйста в чем может быть проблема? Сайт можно посмотреть по адресу http://orangeprofi.ru
  8. Всем привет, кого не видел. Сделал себе выпадающее меню на основе css по этому уроку. Но, естественно, на мобильных устройства не работает. Нашел урок с адаптивным меню и под мобильные устройства. Но переделывать всё меню лень, может кто подсказать, с чего начать, чтобы меню всплывало и на мобильных устройствах ?
  9. Доброго время суток. Подскажите, пожалуйста, кто сталкивался со следующей проблемой в верстке под андроид и айфон: необходимо сделать, чтоб при скролле хедер всегда находился в верхней части экрана. Казалось, что нет ничего проще - достаточно поставить position: fixed; top: 0. Но iOS4 не поддерживает данное свойство. При использовании плагина iScrool 4 возникаю проблемы с галереями, которые хочется листать перетаскиванием пальцев. С Hammer-ом получилось тоже самое. Еще как вариант jQuery Mobile, но тоже есть минусы: при зуме хедер всегда прилеплен к левому краю экрана и увидеть его целиком никак нельзя. Сейчас я деаю хедер абсолютно позиционированным и пробую скриптом при начале скролла скрыть хедер, а при окончании скролла отследить положение верхней точки экрана, сделать хедер видемым и задать этот отступ. И вроде все гуд, но на андроид 2.3, 4 (sumsung, htc) и айфоне 4 бывают такие моменты, когда при скролле хедер не пропадает, а "прилипает" к пальцу. как только скролл закончен, то все выглядит хорошо. Такой баг замечен на мобильном твиттере. И такая же беда проявляется, если использовать jQuery Mobile (на ихнем сайте можно посмотреть). Может кто-то подскажет рецепт фиксированого позиционирования? Или лечения проявления скрытых элементов при скролле? последнее еще просматривается после закрытия выпадающих меню