css - 响应式网站在移动浏览器中看起来不同

标签 css html twitter-bootstrap responsive-design media-queries

我正在为 480px 到 768px 宽屏开发网站。当我在浏览器宽度为 480 像素的 PC Chrome 上查看网站时,它看起来很完美。但是当我使用 Chrome 浏览器在移动设备上看到分辨率为 720x1280 的同一个网站时,它看起来很奇怪。

最佳答案

在您的头部部分包含此元标记

<meta name="viewport" content="width=device-width, initial-scale=1">

关于css - 响应式网站在移动浏览器中看起来不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29273897/

相关文章:

jquery - 中心子菜单项 jQuery Mega 下拉菜单插件

javascript - 我想创建一个 js 文件并且必须动态加载 img 标签

html - 稍微偏离中心的按钮

javascript - jQuery ReplaceWith 添加克隆节点的两个副本

javascript - 为什么 event.stopPropagation 也停止了我的 Bootstrap Collapse?

twitter-bootstrap - Twitter Bootstrap 移动组件 - 最佳实践

css - 为什么设置溢出会改变子元素的布局?

javascript - 输入按钮值用于附加 URL

html - Wordpress 站点显示内联 css 代码

angularjs - 将 Angular 4 与外部 Bootstrap HTML 模板集成