Сохранять размер div на разных платформах (например, смартфоны, планшеты)

Question

Я сделал кроссплатформенное / совместимое с браузером приложение, но есть одна проблема.Браузер на телефоне или планшете изменит размер страницы, чтобы соответствовать экрану, что хорошо, но он также изменяет размеры этих элементов, которые я использую в качестве кнопок.Чтобы их можно было нажимать человеческим пальцем, они должны поддерживать размер около 50 на 50 пикселей, когда страница сжимается, они становятся меньше (на самом деле не меньше, а просто уменьшаются).Есть ли способ использовать JavaScript, чтобы убедиться, что они остаются нужного размера?--Ashley

Answer 1

В этом случае вы просто указываете точную ширину и высоту кнопки в вашем классе CSS.Нравится width:50px; height:50px

Answer 2

Многие мобильные устройства притворяются большими, чем они, чтобы показывать все на странице, вы можете исправить это - по крайней мере, на некоторых мобильных устройствах - добавив это в head вашего документа:

<meta name="viewport" content="width=device-width, initial-scale=1"/>