我在我的网站上使用谷歌翻译,以两种不同的语言显示内容,德语和西班牙语,而不是原始内容(英语)。现在,一旦选择其他语言,由于单词长度的变化,内容和文本中会出现一些错位,而且我需要更改一些用英文写的图像和徽标。
我的问题是如何根据语言更改 CSS?
关于网站的一些信息: 这是一个使用纯 HTML、CSS、Javascript 和 jQuery 开发的简单网站。
我在我的网站上使用谷歌翻译,以两种不同的语言显示内容,德语和西班牙语,而不是原始内容(英语)。现在,一旦选择其他语言,由于单词长度的变化,内容和文本中会出现一些错位,而且我需要更改一些用英文写的图像和徽标。
我的问题是如何根据语言更改 CSS?
关于网站的一些信息: 这是一个使用纯 HTML、CSS、Javascript 和 jQuery 开发的简单网站。
如果您使用的是简单的 html 或任何框架,则有时不喜欢使用自动翻译器,因为它无法正确翻译,请尝试为每种语言制作不同的 css 文件,并以不同的语言制作您的网站。如果您使用一些 cms 等,您可以轻松实现这一点。因此,当您单击西班牙标志时,它应该转到 index-sp 并加载 style-sp.css。
希望它会有所帮助。
我来这里是为了寻找一种解决方案来切换基于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>