在各种平台（例如智能手机、平板电脑）上保持 div 的大小答案

【问题标题】：Maintain size of div on various platforms (e.g. smart phones, tablets)在各种平台（例如智能手机、平板电脑）上保持 div 的大小
【发布时间】：2012-03-19 04:29:10
【问题描述】：

我制作了一个跨平台/浏览器兼容的应用程序，但有一个问题。手机或平板电脑上的浏览器会调整页面大小以适应屏幕，这很好，但它也会调整我用作按钮的这些 div 的大小。为了让它们可以被人的手指按压，它们应该保持大约 50 x 50 像素的大小，当页面缩小时它们会变得更小（实际上并不是更小，只是缩小了）。有没有办法使用 javascript 来确保它们保持正确的大小？ --阿什利

【问题讨论】：

看一些代码会让帮助变得非常容易
您可以在您的个人资料中更改您的用户名。这样您就不必在问题上签名。 stackoverflow.com/users/edit/1118684

标签： javascript css html cross-browser cross-platform

【解决方案1】：

许多移动设备假装比实际更大以显示页面上的所有内容，您可以通过在文档的head 中添加以下内容来纠正此问题（至少在某些移动设备上）：

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

【讨论】：

【解决方案2】：

在这种情况下，您只需在 css 类中指定按钮的确切宽度和高度。赞width:50px; height:50px

【讨论】：

是的，我就是这么做的，但是他们会缩小视图，比如将其缩放 0.5，所以结果是一个更小的正方形。