网站在移动设备上没有显示真正的分辨率(Bootstrap,也许?)

时间:2016-05-05 19:43:44

标签: jquery html css mobile resolution

我使用bootstrap,jquery,css等建立了一个响应式网站。当我检查我的PC浏览器时,它会适应任何类似的分辨率。问题是,当我进入我的移动浏览器并检查网站时,它显示的页面的分辨率大约是800px。所以它显示小字体,小按钮和导航栏不会崩溃。当我在http://www.mydevice.io/上查看我的移动分辨率时,它表示分辨率为320px。所以它应该显示导航栏至少崩溃了。

2 个答案:

答案 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">

希望它有所帮助;)