html - 如何在不滚动到侧面的情况下使移动网页适合

标签 html css mobile responsive

我正在开发一个网页,当从 PC 上查看时它工作正常,但当它变成移动设备(例如 iPhone 6/7)的大小时,事情变得有点困惑。


我的问题是:当我调整窗口大小时从移动设备的 Angular 检查网页如何响应时,我需要滚动到一侧才能看到完整页面。是否有 css 属性或命令将页面设置为移动屏幕的大小?

现在我正在使用媒体查询,这是我正在使用的一个示例:

@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {}

最佳答案

使用这个:

<meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />

关于html - 如何在不滚动到侧面的情况下使移动网页适合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54612336/

相关文章:

javascript - Google Maps JS API 不会在移动设备上加载标记(在桌面上完美运行)

xml - 如果节点有某些子节点,则拆分该节点

javascript - 在函数外丢失值

java - doc文件未在jsp中显示

html - 使 div 在小屏幕下方

javascript - Angular 2 SPA 加载屏幕未显示 Visual Studio 2017

html - 带有 float 图像的 Div 未正确排列

jquery - 无法在媒体查询中调整图像大小和居中

java - 调用请求限制

html - IE 一直询问是否运行 ActiveX 控件