在移动设备上保持页面宽度相同

【问题标题】：Keep a page the same width on mobile devices在移动设备上保持页面宽度相同
【发布时间】：2017-02-15 16:57:25
【问题描述】：

在我的页面上，我不使用任何视口设置。我只使用 25% left 和 right margin 作为页面的全部内容。问题是当我从移动设备访问它时，宽度与手机屏幕的宽度相匹配，并且有 25% 的边距它变得非常难看。只是中间的一些文字。

我想要做的是，使页面不适合手机屏幕。我想保持相同的大小。就像大多数页面一样。

我该怎么做？

【问题讨论】：

【解决方案1】：

您要归档的移动设备是什么？ 25% 的左右边距是非常相对的，每个样本：iphone 中的 25% 边距看起来是一种方式，平板电脑中的 25% 边距看起来也完全不同。

你需要使用 CSS3 媒体查询

您可以使用以下方法在 chrome 中进行测试：测试响应和特定于设备的视口

希望对你有帮助。

【讨论】：