html - 在移动设备上保持尺寸一致性

标签 html css dimensions

我现在正在开发一个非常简单的网站,以保持屏幕之间相当精确的一致性。

但我的问题是,出于某种原因,在手机浏览器上,网站上的内容似乎被缩小了,比预期的要小得多。

我正在使用 ems 进行测量,并尝试使用这个单位来保持屏幕之间的尺寸一致,但我认为我使用不正确或者我需要找出一个不同的方式。

这是我的 jsfiddle 的一个基本示例:http://jsfiddle.net/szzmc71f/

P.S:我正在尝试根据规模实现这种一致性。

最佳答案

添加 viewport为了实现这种一致性添加到文档中:

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

关于html - 在移动设备上保持尺寸一致性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26328457/

相关文章:

javascript - 如何在 css 和/或 javascript 中制作老虎机文本效果?

css - 给定以下 HTML 和 CSS,如何让输入元素填充其父元素的宽度?

java - android 上 java 的类维度

Android:调整自定义 View 的大小。父级已调整大小但宽度/高度更改未传递给 subview

javascript - 你如何将类映射到一个数组,这个数组之前是一个 HTMLcollection

javascript - 基于动态创建的下拉菜单动态显示文本框

javascript - jquery中的$()是什么意思

javascript - 如何使用 fabricjs 将多个图像添加到 Canvas

css - Bootstrap 中的列流

带有嵌套图像的 UiScrollview 看起来很奇怪