引导响应2未加载到移动设备上

Question

我有一个基于Bootstrap ver2 css框架的响应性WP主题。一切都可以在桌面上运行：如果测试的大小不同（针对不同的媒体查询），则没有问题。但如果我在电话上测试，则不会加载媒体查询。有什么问题吗。

网站链接：http://moldovan.szanto-zoltan.com/

p、 s:标题包含此项以适合设备宽度

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

Answer 1

引导在默认情况下不包括响应特性，因为并非所有功能都需要响应。我们不鼓励开发人员删除此功能，而是认为最好根据需要启用它。

通过在中包含适当的meta标签和其他样式表，在项目中打开响应式CSS

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

1. 使用编译的响应版本bootstrap responsive.css
2. 添加@import“responsive.less”并重新编译引导
3. 将responsive.less修改并重新编译为单独的文件

.

/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }

有关更多信息，请阅读文档。我希望这个解决方案能对你有所帮助。

我认为最好的解决方案是使用Bootstrap3，它会很好地工作

在标题页中添加这些元以告知浏览器禁用缩放。然后CSS@media选择器按预期工作：

<meta content="True" name="HandheldFriendly">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta name="viewport" content="width=device-width">

这个问题的建议