文章目录
分享文章
公司网站加上一个多语种插件,网站手机端效果如下:
原来电话是可以完全展示的,现在被挤在左侧,解决方案是 多语种插件在手机端不进行展示
首先查看多语种插件select 有一个 class="gt_selector notranslate"
属性
可以针对此属性写 css
借助chatgpt给出的答案如下:
<style>
/* 默认样式,显示select标签 */
select.gt_selector.notranslate {
display: block;
}
/* 在移动设备上隐藏select标签 */
@media (max-width: 767px) {
select.gt_selector.notranslate {
display: none;
}
}
</style>
<!-- select标签将根据媒体查询的结果来显示或隐藏 -->
<select class="gt_selector notranslate">
<!-- 在这里添加select的选项 -->
</select>
修改后得到展示效果如下,完美解决