принудительный одинаковый размер шрифта на каждом мобильном устройстве

Хотелось бы, чтобы мой сайт работал как мобильная страница facebook. Независимо от того, что такое разрешение экрана, навигация и т. Д. Всегда одного размера. Как я могу это достичь?принудительный одинаковый размер шрифта на каждом мобильном устройстве

Это, как я хочу его на всех устройствах LG Optimus Black (480 х 800 пикселей)

This is how I want it on all devices LG Optimus Black (480 x 800 pixel)

Вот как это выглядит на моем Lumia 920 (1280 х 768 пиксел)

This is how it looks on my Lumia 920 (1280 x 768 pixel)

2013-09-13 Knerd

Что вы пытались до сих пор? Каковы были трудности и результаты? Вы хотя бы взглянули на исходный код мобильной страницы Facebook? – ozbek

Мобильный CSS-сайт fb очень плохо видеть. Я пробовал это http://stackoverflow.com/a/15333364/1126393 – Knerd

Я добавил несколько фотографий, которые показывают, что я хочу :) – Knerd

Для этого вам нужно будет использовать Javascript. Вот подход JQuery:

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 
    $('body').addClass("mobile"); 
}

Затем вы можете стиль соответствующим образом, например:

.mobile div { 
    width: 100%; 
}

CSS медиа-запросы будут только вас, насколько определения размера экрана или ориентации. Есть некоторые, но совместимость - проблема.

2013-09-13 16:00:56

Я добавил несколько фотографий, как я хочу, чтобы это выглядело. – Knerd

ответ