如何向用户界面设计者证明2个div具有相同的高度和垂直位置？
如何向用户界面设计者证明2个div具有相同的高度和垂直位置？
提问于 2015-04-15 19:56:25
我作为前端开发人员工作，我不断得到一个UI设计人员提交的bug，他说我的两个元素稍微不对齐，需要更紧密地匹配模型。我已经看过我的页面上百万种方式，我不知道怎么会有人声称这两个盒子没有完全对齐。我已经在检查元素和有完美的水平线，通过顶部和底部的盒子。不过，我想要一些“证明”的方法。所以我想要的是
function( var id1, var id2 )
{
/* id1, id2: identifiers of the 2 divs */
/* .... */
}打印类似的东西
vertical position of top and bottom of first div: 162px, 180px
vertical position of top and bottom of second div: 162px, 180px到控制台，其中像素是相对于整个页面(或body，我想)的绝对位置。这是可能的吗?如果有，我如何实现？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-04-15 20:08:58
如果你所要做的只是对“稍微偏离方向”的描述，那你就是在浪费时间。
礼貌地要求UI设计人员提供他们所看到的问题的截图。
更多有用的信息是：
- 操作系统/版本
- 浏览器/版本
- 设备/分辨率
- 浏览器加载项
- 非默认浏览器设置
很可能你们都看到了不同的东西，如果你不能复制，你就无法修复它。对你来说，尽可能地模仿他们的环境是很重要的。
现在，如果由于某种原因，它们无法提供屏幕快照，如果您确实希望沿着验证您所看到的内容是正确的路线前进，并且它们不是正确的(这不太好地利用时间)，那么您可以使用下面的JavaScript获取屏幕上元素的像素坐标。
var myElem = document.getElementById('id1').getBoundingClientRect(); console.log(myElem.top, myElem.right, myElem.bottom, myElem.left);
element.getBoundingClientRect()返回的值相对于viewport。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29659685
复制相关文章
相似问题
腾讯云开发者
