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

时间:2017-02-15 07:05:45

标签: html css responsive-design viewport

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

我想要做的是,使页面不适合移动屏幕。我想保持它的大小相同。就像大多数页面一样。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

您要归档的移动设备是什么? 25%的左右边距是非常相对的,每个样本:iphone中25%的边距看起来单向25%的平板电脑边缘看起来完全不同。

您需要使用 CSS3媒体查询

试试看 https://www.w3schools.com/css/css3_mediaqueries.asp

您可以使用以下方法测试Chrome:测试响应式和特定于设备的视口

https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports

我希望这可以帮到你。