Question

我在我的网站上使用谷歌翻译，用两种不同的语言显示德语和西班牙语的内容，而不是原始内容（英语）。现在，一旦选择其他语言，由于单词长度的变化，内容和文本中会有一些错位，我还需要更改一些用英文写的图像和徽标。

我的问题是如何根据语言更改CSS？

有关该网站的一些信息：这是一个使用纯HTML，CSS，Javascript和jQuery开发的简单网站。

Answer 1

如果您使用简单的html或任何框架，在某些时候无法正确翻译时，不会使用自动翻译器。请尝试为每个语言制作不同的css文件，并使用不同语言制作您的网站。如果您正在使用某些cms等，您可以轻松实现这一目标。因此，当您单击西班牙语标记时，它应该转到index-sp并且它将加载style-sp.css。

希望它会有所帮助。

Answer 2

我是来这里寻找解决方案的，以基于 rtl（ar）和 ltr（en / pt）从2个不同的 css 文件切换>有一个非常简单快捷的解决方案对我有用：

<environment include="Development">
    @if (System.Threading.Thread.CurrentThread.CurrentCulture.TextInfo.IsRightToLeft)
    {
        <link rel="stylesheet" href="~/vendor/fontawesome-free/css/all.min.css" />
        <link rel="stylesheet" href="~/css/styles.rtl.min.css" />
    }
    else
    {
        <link rel="stylesheet" href="~/vendor/fontawesome-free/css/all.min.css" />
        <link rel="stylesheet" href="~/css/styles.min.css" />
    }
</environment>

根据语言更改CSS

2 个答案: