基于PHP变量的CSS媒体查询

基于PHP变量的CSS媒体查询,php,html,css,session,media-queries,Php,Html,Css,Session,Media Queries,我有一个多语言网站,网站的所有文本都是基于每种语言的PHP会话变量加载的。我这里的问题是,当文本以德语加载时,页面顶部的菜单栏对于它的容器来说太长,一些菜单项会掉到下面。这没关系,但下拉菜单项会阻止子菜单被选中 当选择某个变量时,是否有方法使用css媒体查询来减小我的菜单的字体大小 最好的方法是根据语言(例如)将CSS类添加到主体中,然后基于该语言编写CSS规则 body.lang-german nav {font-size: 12px;} 最好的方法是基于语言(例如)向主体添加CSS类,然

我有一个多语言网站,网站的所有文本都是基于每种语言的PHP会话变量加载的。我这里的问题是,当文本以德语加载时,页面顶部的菜单栏对于它的容器来说太长,一些菜单项会掉到下面。这没关系,但下拉菜单项会阻止子菜单被选中


当选择某个变量时,是否有方法使用css媒体查询来减小我的菜单的字体大小

最好的方法是根据语言(例如
)将CSS类添加到主体中,然后基于该语言编写CSS规则

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

最好的方法是基于语言(例如
)向主体添加CSS类,然后基于该类编写CSS规则

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

没有此类媒体查询,但您可以做什么:

  • 检查会话中的语言是否为德语
  • 如果没有,就不要做比现在更多的事情
  • 如果是,请在定义字体大小的位置加载一个额外的CSS文件或规则,例如:

  • 这不会改变其他语言的任何内容,对于德语,您可以定义自定义CSS(
    字体大小
    或其他任何内容)

    没有此类媒体查询,但您可以执行以下操作:

  • 检查会话中的语言是否为德语
  • 如果没有,就不要做比现在更多的事情
  • 如果是,请在定义字体大小的位置加载一个额外的CSS文件或规则,例如:

  • 这不会改变其他语言的任何内容,对于德语,您可以定义自定义CSS(
    字体大小
    或其他任何内容)

    将CSS文件设置为PHP文件。是的,你能做到,这不是魔法

    假设您有一个名为
    style.CSS
    的CSS文件:将其重命名为
    style.CSS.php
    .CSS
    是可选的)


    将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";
    }