Question

我试图使用媒体查询（在我自己的样式表中，但也使用引导程序）与Symfony建立一个响应式网站。

我在这个项目中使用twigs，这些查询不会影响使用我的Android手机的Chrome（这也不是很老）。但是，它们可以在电脑上使用铬。奇怪的是，如果我使用PHP页面而不是树枝，查询可以在Android上运行。因此，我认为问题来自树枝。

根据我的理解，我有两个主要选择：

首先是使用＆lt;将我的查询放在Twig中。风格＆gt; 媒体查询＆lt; / style＆gt;。
其次是为手机和平板电脑制作特定的样式表，并使用MobileDetectBundle来说明哪个样式表使用。

问题在于，虽然第一个不漂亮（并且似乎无论如何都不起作用），但第二个会将我的媒体查询减少到移动设备的2种尺寸（移动设备和平板电脑），而我使用更多（即：在非常小的设备上减小文本的大小等）。

有没有更好的解决方法，甚至是我错过的理由？

提前致谢

Answer 1

Twig是一个模板引擎。它不会处理响应式设计。这是一个CSS问题。

如果您想要第二个选项，可以使用suncat/mobile-detect-bundle explained in the doc.

Answer 2

正如hungerstar所说，这只是我的资产＆＃39;声明不对。我甚至感到惊讶的是，只有媒体查询没有显示，其他一切都被正确定位。

如果其他人遇到这个愚蠢的问题，这里的代码现在适用于Android设备

{% block stylesheets %}
    <link href="{{ asset('css/bootstrap.min.css')}}" rel="stylesheet" />
    <link [...]/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
{% endblock %}

非常感谢！

Twigs在Android设备上没有响应

2 个答案: