html - 如何使我的页面宽度固定在移动响应式 ( HTML/CSS ) 中

标签 html css

我想让我的页面就像 facebook 一样!如果您尝试以手机宽度显示 facebook,它将与计算机宽度保持一致!看图片链接:

https://imgur.com/a/uLqtrLS

但我希望响应式在大宽度时保持活跃!我的意思是,如果我在 1600px 宽度的计算机上显示,它会像电视一样适合它。 但不适用于移动设备。

我已经使用过媒体查询,但我希望移动设备的宽度看起来与计算机宽度相同

最佳答案

我相信您正在寻找 CSS media query :

@media screen and (min-width: 480px) {
    /*CSS if screen size >= 480px*/
}

您还应该使用 <meta name="viewport" content="width=device-width, initial-scale=1"> <head> 中的标签告诉移动浏览器不要更改页面以适应屏幕。

关于html - 如何使我的页面宽度固定在移动响应式 ( HTML/CSS ) 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57443069/

相关文章:

css html 5 菜单在某些页面上向左移动

javascript - 仅 'a' 元素上的 html 基本元素

html - 滚动不够

html - Firefox - 位置粘性在滚动行为平滑开启时关闭

html - 隐藏内联元素的溢出

html - 引导列内的等高 div

html - Chrome 是否符合 CSS 表格规范?

javascript - 使用 jQuery/JS 时如何使用 &lt;input type=number> 更改 `rect` 框的大小和坐标

jquery - 将滚动上的 ul 样式更改为 div

javascript - 如何使用 Clipboard.js 复制输入的值