Как рассчитать размер элемента в зависимости от разрешения?

Question

Я делаю сайт и с 40px высоты навигационной панели, и когда я вижу его в мобильном устройстве (Galaxy S4) это выглядит немного меньше, чем в моем экране (IMAC 21.5"). У меня есть

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> 

строка в HTML, и она выглядит отлично, но не такая же, как на моем компьютере, это не проблема в этом случае, но я хотел бы знать, как рассчитать размер элемента, который будет иметься на других экранах, потому что это выглядит, что 40px в моем мобильном телефоне меньше 40px в моем компьютере.

Спасибо.

Answer 1

Большинство мобильных имеют большой чем экраны с разрешением 1024 пикселя. Попробуйте использовать percetage и прочитайте это, у вас может возникнуть проблема с окном просмотра.

http://blog.javierusobiaga.com/stop-using-the-viewport-tag-until-you-know-ho