CSS в мобильных браузерах: когда дисплей меняется с блока на встроенный, куда идет пробелы? ⇐ CSS

[Anonymous]

Я использую что -то вроде скрипки ниже на моем личном сайте в качестве полосы метаданных в отдельных предметах новостей. Для @media min-width: 500 и вверх, содержащему ящику дается явная ширина и плавающая слева, а элементы ребенка H2 и p получают {display: block; } Когда я просматриваю эту полосу на небольших кадрах на моем рабочем столе (Firefox/Ubuntu 12.10), между H2 и текстом P есть пространство, так же, как я ожидаю встроенных элементов, таких как элементы SPAN и EM . Когда я смотрю на это на своем iPhone (Chrome или Safari/IOS 7), H2 и p текст, работающий вместе.http://link.me/o
Key words

Facebook


< /code>
aside.meta {
float: none; background-color: #ffb;
}
aside.meta h2,
aside.meta p { display: inline; }
aside.meta > div
{ padding: 0.5em 1em 0.5em 1em; line-height: 1.0em; }
aside.meta .subtitle { color: gray; font-style: normal; padding: 0; margin: 0; font-size: 0.8em; font-family: "Helvetica", sans-serif; }
aside.meta h2.heading { padding: 0; font-size: 0.8em; }
aside.meta h2.heading:before { content: " \00b7 "; display: inline }
aside.meta h2.heading:first-child:before { content: none; display: inline }


Подробнее здесь: https://stackoverflow.com/questions/211 ... re-does-th