2017-02-10 101 views
1

這是functions.php文件編輯CSS媒體查詢在WordPress的

function javascript_file(){ 
    //this is the second style sheet for media query in wordpress 
    wp_enqueue_style('container-css', get_stylesheet_directory_uri() . '/container.css',array(),null, 'only screen and (max-width:650px)'); 

    wp_enqueue_style('container-css'); 
} 

//applying action on this function 
add_action('init','javascript_file'); 

在此,我將在WordPress的媒體查詢代碼的一部分, 的代碼在開發工具運作良好在瀏覽器中,但 當我把服務器的代碼開始搞亂了, 換句話說沒有用。

我選擇的尺寸是4英寸以上的屏幕。

+0

我們需要一些細節......實際問題是什麼? CSS沒有加載...? – Random

+0

css不加載意味着 –

+0

有兩個文件,我做了加載CSS在不同的設備1> style.css的桌面2> container.css的移動。當m上傳主題的服務器style.css的代碼運行良好,但container.css將會失敗。換句話說不能加載 –

回答

1

您可以在外觀 - >編輯器中的wordpress儀表板中使用媒體查詢。簡單的複製和粘貼你的媒體問題。

+0

實際上我對css文件製作第一個文件1> style.css 2> container.css –

+0

1> style.css有一個規則查詢2> container.css有介質查詢css寫入,所以我必須加載container.css當用戶想要打開移動主題 –

+0

它不需要創建到不同的CSS文件。您也可以在style.css中編寫媒體查詢。 –