我使用bootstrap,jquery,css等建立了一个响应式网站。当我检查我的PC浏览器时,它会适应任何类似的分辨率。问题是,当我进入我的移动浏览器并检查网站时,它显示的页面的分辨率大约是800px。所以它显示小字体,小按钮和导航栏不会崩溃。当我在http://www.mydevice.io/上查看我的移动分辨率时,它表示分辨率为320px。所以它应该显示导航栏至少崩溃了。
答案 0 :(得分:1)
您可能忘记为响应式媒体查询添加元代码。
<meta name="viewport" content="width=device-width, initial-scale=1">
答案 1 :(得分:1)
在标题标记之间的主(布局)页面中添加此链接:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
希望它有所帮助;)