2016-06-10 53 views
-1

我正在尝试使用媒体查询(在我自己的样式表中,但也使用引导程序)制作一个响应式网站。枝条在Android设备上没有响应

我在这个项目中使用树枝,这些查询不会影响使用我的Android手机的铬(这也不是真的老)。但是,他们确实从PC上使用了铬。 奇怪的是,如果我使用PHP页面而不是树枝,则查询可以在Android上运行。因此,我想这个问题来自树枝。

从就我的理解有两个主要选择对我说:

  • 首先是使用<风格>媒体把我的树枝内查询查询 < /风格>。
  • 其次是为手机和平板电脑制作特定样式表,并使用MobileDetectBundle来说明使用哪种样式表。

的问题是,虽然第一不会是漂亮(,似乎没有反正工作),第二可以减少我的媒体查询到2种尺寸(手机和平板电脑)的移动设备,而我使用更多(即:减少真正的小设备上的文字大小等)。

有没有更好的解决方法,或者是因为我错过了这种事情?

在此先感谢

+0

你能否提供一些代码来演示你如何包括你的资产? – hungerstar

+2

可能不是树枝的错。 Twig是一个模板引擎,他的工作是构建html。你的html/css有罪,而不是树枝。 – VaN

回答

0

由于hungerstar建议,它仅仅是我的资产的声明是不正确的。 我甚至感到惊讶,只有媒体查询没有显示,并且其他所有内容都被正确定位。

万一别人遇到这种无聊的问题,这是我的代码,现在可以在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 %} 

非常感谢!