css - 在 laravel 4 中加载响应式 css

Question

我知道您可以使用以下方法在 laravel 4 中加载 css 和脚本：

{{ HTML::style('css/style.css'); }}

它会产生：

<link media="all" type="text/css" rel="stylesheet" href="http://localhost/cupcakes-laravel/public/css/style.css">

现在，我怎样才能加载我的响应式 css 以具有这样的效果：

<link rel="stylesheet" media="only screen and (max-width: 1023px), only screen and (max-device-width : 1023px)" href="css/tablet.css" />

Answer 1

您可以传递具有额外属性的数组，例如媒体作为第二个参数。

{{ HTML::style('css/tablet.css', array('media'=>'only screen and (max-width: 1023px), only screen and (max-device-width : 1023px)'); }}

Answer 2

您也可以使用以下方法，而不是使用刀片生成整个链接

 <link href="{{ URL::to('/css/style.css')}}" rel="stylesheet" media="screen">