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

标签 javascript css html cross-browser cross-platform

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

最佳答案

许多移动设备会假装比实际尺寸大以显示页面上的所有内容,您可以通过在文档的 head 中添加以下内容来更正此问题(至少在某些移动设备上):

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

关于javascript - 在各种平台(例如智能手机、平板电脑)上保持 div 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9503322/

相关文章:

javascript - CSS:淡出完成时如何隐藏?

javascript - Bootstrap 4 : Fixing and fading in footer at the bottom of the page

php - 如果循环不返回任何帖子,如何隐藏带有文本的 div?

javascript - jQuery 不解析 HTML

javascript - 运算符 $arrayElemAt 与 Mongo < 3.2 聚合

css - Angular 4 ng构建产品样式SyntaxError

html - 带有拆分按钮下拉菜单的 Bootstrap 选项卡

javascript - 删除溢出类时在标题上制作 slideDown()

javascript - 如何绕轴旋转 Three.js Vector3?

javascript - React Aphrodite 奇数 + 偶数选择器