网站在移动设备上不显示真实分辨率（Bootstrap，也许吧？）
Website doesn't show real resolution on mobile (Bootstrap , maybe?)
我用 bootstrap、jquery、css 等创建了一个响应式网站。当我检查我的 PC 浏览器时，它会自动适应任何分辨率。问题是当我转到我的移动浏览器并查看网站时，它显示的页面分辨率约为 800 像素。所以它显示小字体、小按钮并且导航栏不会折叠。当我在 http://www.mydevice.io/ 上检查我的移动分辨率时，它说分辨率是 320 像素。所以它至少应该显示导航栏折叠。
您可能忘记为响应式媒体查询添加元代码。
<meta name="viewport" content="width=device-width, initial-scale=1">
在 header 标签之间的主（布局）页面中添加此链接：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
希望对您有所帮助；)
我用 bootstrap、jquery、css 等创建了一个响应式网站。当我检查我的 PC 浏览器时，它会自动适应任何分辨率。问题是当我转到我的移动浏览器并查看网站时，它显示的页面分辨率约为 800 像素。所以它显示小字体、小按钮并且导航栏不会折叠。当我在 http://www.mydevice.io/ 上检查我的移动分辨率时，它说分辨率是 320 像素。所以它至少应该显示导航栏折叠。
您可能忘记为响应式媒体查询添加元代码。
<meta name="viewport" content="width=device-width, initial-scale=1">
在 header 标签之间的主（布局）页面中添加此链接：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
希望对您有所帮助；)