众所周知，我们看到浏览器渲染的页面像素是物理像素，而前端开发过程中使用的是CSS像素。因此，我们在实际开发过程中往往需要考虑屏幕分辨率，针对不同分辨率的屏幕，对同一个css像素做相应的缩放。常见的是1px左右的分界线和边框。最常见的例子是垂直分割线div{position:real;＆::之后{内容：'';宽度：1px；高度：100px；位置：绝对；顶部：10px；左：10px；}}屏幕自适应原理（media-query），如果是高分辨率屏幕，需要缩放：{transform:scale(0.5);变换原点：左上；//缩放后做一些位置调整}关于transform-origin:lefttop;在某些特殊情况下，垂直线会消失。一般只有在宽度为奇数时才会出现，不一定偶尔会出现。可能与浏览器渲染有关。具体原因还是有点扑朔迷离。解决方案：transform-origin:righttop;为什么这么改能解决这个问题我还没搞明白，left和right本质上是一样的，就是根据left或者right来缩放元素的中心点。说白了，只是位置变化，元素不应该消失。如果我找出原因，我会添加它。
