如何將移動優化的外部CSS添加到Shopify網站

Question

我想爲我的移動優化添加外部CSS文檔，但不確定如何執行此操作。

據我所知，將文件添加到你必須做一些事情，如Shopify主題指數：在頭

{{ 'style.css' | asset_url | stylesheet_tag }} 

。但我不確定如何在@media聲明中把這個包，如：

@media screen and (device-aspect-ratio: 40/71) { 
    {{ 'mobile.css' | asset_url | stylesheet_tag }} 
    } 

添加上述只是打印@media screen and (device-aspect-ratio: 40/71) {}

有誰知道使用@media與Shopify的正確方法是什麼？

Answer 1

[更新]這是一個更好的方法，完全省略sytlesheet_tag功能：

<link rel='stylesheet' media='screen and (device-aspect-ratio: 40/71)' href='{{ 'mobile.css' | asset_url }}' /> 

老：

包括通常的資產：

{{ 'mobile.css' | asset_url | stylesheet_tag }} 

而且那麼確保你把你的媒體詢問insid e you mobile.css file。