基於PHP變量的CSS媒體查詢

我有一個多語言的網站，基於每種語言的PHP會話變量加載站點的所有文本。我的問題在於，當文本以德語加載時，我的頁面頂部的菜單欄變得太長，因爲它的容器和一些菜單項下面。這樣可以，但下拉的菜單項阻止子菜單被選中。基於PHP變量的CSS媒體查詢

有沒有辦法使用CSS媒體查詢來減少我的菜單的字體大小時，選擇某個變量？

2014-09-12 steven_corner

有沒有這樣的媒體查詢，但你可以做什麼CSS規則：

檢查，如果在會議語言爲德語
如果沒有，此刻
如果是的話，負載一個額外的CSS文件或什麼都不做比你多在這裏你都這樣定義的字體大小，例如額外的規則：

nav ul li { 
    font-size: 10px; 
    font-size: 0.8rem; 
}

這將改變什麼其他的語言和德語，你可以自定義的CSS（font-size或當然別的）

來源

2014-09-12 10:21:22

最好的方法是基於語言如<body class="language-german"> CSS類添加到身體，然後寫根據該

body.lang-german nav {font-size: 12px;}

來源

2014-09-12 10:21:09

使您的CSS文件成爲PHP文件。是的，你可以做到這一點，這不是魔術。

假設你有一個名爲style.css一個CSS文件：重命名爲style.css.php（.css可選）

<?php 
$lang = $_SESSION['page_lang']; //or however you prefer 

if($lang == 'de'){ 
    echo "german style rules"; 
} else { 
    echo "other style rules"; 
}

當然這被簡化，但應該讓你去。

來源

2014-09-12 10:22:34

基於PHP變量的CSS媒體查詢

回答

相關問題