element表格在浏览器放大缩小情况下产生错位

在谷歌浏览器中特有的问题，element框架中的带有border属性的表格，在电脑改变缩放与布局的比例和谷歌浏览器缩放页面的时候，表格会产生错位问题。一般谷歌浏览器和360浏览器会产生这个问题.
一般这种情况下，我们拉伸页面表格的错位有时候会恢复正常，所以从样式入手，在入口文件中index.html或者app.vue中加入全局的css样式：

<style>
.el-table--border th.gutter:last-of-type { display: block!important; width: 17px!important; }
</style>

加上这个代码，错位问题基本会解决

element表格在浏览器放大缩小情况下产生错位相关推荐

浏览器放大缩小,页面布局不变,浏览器放大百分比,页面放大到左上角,浏览器缩小百分比,页面缩小至中间(类似csdn官网效果)
效果如下: 加了红色边框的就是你实际的xxx.vue页面,放大时放大至页面左上角,缩小时,缩小至中间这是浏览器最小化后一.给App.vue设置minWidth.minHeight.maxWidth ...
计算机求和公式IFEROR,如何在excel表格有错误值的情况下进行求和
如何在excel表格有错误值的情况下进行求和腾讯视频/爱奇艺/优酷/外卖充值4折起今天给大家介绍一下如何在excel表格有错误值的情况下进行求和的具体操作步骤. 方法一:选择使用高版本 1. 我 ...
DataV在浏览器放大缩小以及全屏前后不能自适应问题
大屏项目使用DataV组件库,浏览器放大缩小以及大屏进入全屏和退出全屏后,大屏的高度一直在累加,没有还原成原始状态,尝试使用组件的onResize事件以及initWH事件去重置,但是父元素已经被撑开了 ...
java模拟浏览器不关闭会话_JSP实现浏览器关闭cookies情况下的会话管理
通常,会话管理是通过服务器将 Session ID 作为一个 cookie 存储在用户的 Web 浏览器中来唯一标识每个用户会话.如果浏览器不支持 cookies,或者将浏览器设置为不接受 cooki ...
html如何设置网页的背景图片，使放大或缩小浏览器时，页面排版和背景可以随浏览器放大缩小而排版不会改变，
用DIV+CSS写网页背景代码时,应该先写一个DIV,在这个DIV的CSS里面添加背景图片,并设置其margin为auto,宽度为100%或者auto:然后在这个DIV里面在写一个DIV,在第二个DI ...
element label动态赋值_基于Element封装可拖动放大缩小的弹窗
ElementUI 自带的对话框组件(el-dialog)没有拖动和最小化的处理,目前业务遇到呼叫弹屏处理,基于el-dialog 再次进行封装下,上篇文章有人说图片换成代码就好了,下面代码部分我就直 ...
解决浏览器放大缩小，页面随之改变大小问题
给外部选择器加个最小宽度,用在哪里都一样 min-width:1366px;
解决banner图在浏览器缩放的情况下实现不变形
html代码: <div class='bannerbox'><div class='banner'><img src="../assets/01.jpeg&q ...
企业微信内置浏览器中去除自带的放大缩小控件
企业微信浏览器中嵌套h5页面的时候会出现放大缩小控件感觉特别别扭.在这里记录一下解决这个问题的办法 <meta http-equiv="Content-Type" conte ...

element表格在浏览器放大缩小情况下产生错位

element表格在浏览器放大缩小情况下产生错位相关推荐

最新文章

热门文章