当前位置:首页 > 前端 > Vue.js

macOS Safari浏览器和Chrome谷歌浏览器翻译后布局混乱以及时间格式变中文

Vue.js 2019-09-10

1、问题描述

收到一个bug反馈,是公司演示会议时暴露出来的,比如:布局出现了部分混乱、有些符号也变成了中文(逗号、分号、句号等等)、特别是时间格式也发生了变化(本来是2019-08-16,结果显示成中文的日期格式了)。

2、原因和解决

vue-cli脚手架生成的项目,会默认设置 html lang=”en”。en代表英文,而浏览器则会提示是否需要翻译或者用户自己设置了自动翻译,这样一来页面就可能会被翻译后造成上面所描述的问题。

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head></head>
  4. <body></body>
  5. </html>

最后把lang=”en” 设置为 lang=”zh_CN”或lang=”zh”,问题解决。如果我们做的不是英文网站,建议设置下免得被浏览器识别翻译造成不必要的麻烦。

< 上一篇 下一篇 >
湘ICP备15005320号-1 似懂非懂 Powered by doyo. 网站地图
返回顶部