在我的页面上,我不使用任何视口设置。
我只是使用25%left
和right margin
来获取页面的全部内容。问题是,当我从移动设备访问它时,宽度与手机屏幕的宽度相匹配,并且25%的边距变得非常难看。只是中间的一些文字。
我想要做的是,使页面不适合移动屏幕。我想保持它的大小相同。就像大多数页面一样。
我该怎么做?
答案 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
我希望这可以帮到你。