百度翻译是我用过最好的翻译软件！翻译的准确度很高，强烈推荐👍。
最近我想边看文章边输入单词进行翻译，就是希望在浏览器中，一边显示英文文章，旁边就是翻译界面，就像下面这样：
但百度翻译的web页没有做移动适配，就是说，画面尺寸缩小了，还有很多按钮、广告神马的，挺碍眼的。大概是这样的，右侧很乱，而且底部有滚动条，翻译结果在画面意外，很不好用。
于是，我请出xStyle神器，它是一个浏览器扩展，能在浏览器端修改网页的样式代码（CSS）来实现自定义效果。
xStyle功能概述：
使用用户样式管理器xStyle来改变网站的样式。您可以用xStyle安装许多网站的主题，也可自己创建主题。
利用用户样式管理器xStyle来重新编辑网站的样式。您可利用xStyle为许多网站安装主题和皮肤，也可创建自己的主题和皮肤。 如果此扩展名没有包含您想要的语言，您可以在Transifex上帮助我们将其翻译成其他语言：
下面说说具体怎么做：
1、安装xStyle扩展
这个扩展在Chrome和微软的Edge浏览器都能用，去应用商店直接安装就行。
2、自定义样式代码
启用xStyle扩展后，进入https://fanyi.baidu.com/页面，在工具栏，点击xStyle图标
在弹出小窗口，选择当前域名，此处选择fanyi.baidu.com
在左侧的框框里写css代码，然后给这个配置起个自己喜欢的名字，再保存。
这时候，百度翻译就已经变样了。
3、在左右分栏中使用百度翻译
左右分栏是微软EDGE浏览器的功能，Chrome还没有。
点击工具栏上的分栏图标，浏览器右侧会再出现一个窗口，这可以选择已经打开的页签，也可以输入一个新的地址，实现分栏。
4、百度翻译xStyle自定义代码
@-moz-document domain("fanyi.baidu.com") {
.container {
width: unset !important;
}
.container .inner {
width: unset !important;
margin: 0px;
margin-left: 10px !important;
margin-right: 10px !important;
}
#side-nav,
.navigation-wrapper,
#app-read,
#trans-domain-btn,
#translate-button,
.ai-trans-btn,
.manual-trans-btn,
#transOtherRight,
#footer-products-container,
.copyright,
.follow-wrapper,
.lang-panel-container,
.translate-setting {
display: none !important;
}
.trans-left,
.trans-right {
float: none !important;
width: 100% !important;
}
.input-wrap,
.trans-input-wrap,
.output-wrap {
border-radius: 0px !important;
}
.trans-other-wrap-left-part {
width: 100% !important;
}
.pc-fanyi-navigation-bar {
min-width: unset !important;
}
}最后，其实还有很多其他翻译工具可用，比如翻译扩展，Edge浏览器的内置翻译等等，但感觉都差了点意思，还是自己做一个的好。
希望这篇文章对你有帮助。