在各种平台上保持div的大小(例如智能手机,平板电脑)

时间:2012-02-29 16:58:49

标签: javascript css html5 cross-browser cross-platform

我制作了一个跨平台/浏览器兼容的应用,但有一个问题。手机或平板电脑上的浏览器会调整页面大小以适应屏幕,这很好,但它也调整了我用作按钮的这些div的大小。为了使它们能够被人的手指按压,它们应该保持大约50乘50像素的尺寸,当页面缩小时它们变得更小(实际上不是更小,只是缩小)。有没有办法使用JavaScript来确保它们保持正确的大小? --Ashley

2 个答案:

答案 0 :(得分:0)

许多移动设备假装比显示网页上的所有内容都要大,您可以通过在文档的head中添加此内容来更正此问题 - 至少在某些移动设备上:

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

答案 1 :(得分:0)

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

一样