angular-ui/ui-grid

Header's width doesn't match up with column's width when zoom is not 100%

Open

#4,944 创建于 2016年1月11日

在 GitHub 查看
 (6 评论) (4 反应) (1 负责人)JavaScript (5,395 star) (2,496 fork)batch import
good first issue

描述

When I change the zoom level, for example, 125% or 150% Column's alignment is a little bit broken. wrong width

Above image is from http://plnkr.co/edit/sJ2DZrcR5h8I5unNfduo?p=info. It is a example from your tutorial. In my case, header's width is 77.6 px. But, the column below the header is only 77px.

Is there any clues to understand this? Or What I was wrong?

Thx

贡献者指南

技术栈
javascriptangularcss
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
CSS width conceptsbrowser zoom behavior
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
35
研究方向
Examine the grid's CSS and JavaScript to understand how header and column widths are computed, especially during zoom. The provided plunkr (http://plnkr.co/edit/sJ2DZrcR5h8I5unNfduo?p=info) reproduces the issue. The fix may involve ensuring that both header and column use the same measurement logic or adjusting for sub pixel rounding differences.