Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

dpi=3的时候,1px边框显示不对。 #24

Closed
vxzhong opened this issue May 5, 2016 · 8 comments
Closed

dpi=3的时候,1px边框显示不对。 #24

vxzhong opened this issue May 5, 2016 · 8 comments

Comments

@vxzhong
Copy link

vxzhong commented May 5, 2016

应该是sass没有处理'/'为除法
-webkit-transform: scale(1/3);
transform: scale(1/3);

@doyoe
Copy link
Owner

doyoe commented May 9, 2016

你说的是dpr吧?

能具体描述下显示不对,显示成什么了么?

@vxzhong
Copy link
Author

vxzhong commented May 9, 2016

是的,dpr,写错了。
image
上面是在6plus下,日期组件的显示,1px border超过了边框。

我把transform: scale(1/3); 改成transform: scale(0.3333);显示就正常了。
@mixin border里

@include responsive(retina3x) {
            width: 300%;
            height: 300%;
            @include transform(scale(1/3));
            @if $radius != null {
                border-radius: $radius * 3;
            }
        }

可能是这里@include transform(scale(1/3))没有做除法。

@doyoe
Copy link
Owner

doyoe commented May 10, 2016

有可能和你的编译工具有关,2x的时候OK么?

@vxzhong
Copy link
Author

vxzhong commented May 10, 2016

2x是OK的。很有可能,我没有用默认的编译工具。我自己装的node-sass,模块化引用的。

@doyoe
Copy link
Owner

doyoe commented May 10, 2016

node-sass,看是不是未使用新版本

@vxzhong
Copy link
Author

vxzhong commented May 11, 2016

我用的node-sass, node-sass@3.7.0

@doyoe
Copy link
Owner

doyoe commented May 12, 2016

嗯,我也刚才升级到了3.7.0,编译确实有问题,改成了 0.33333

@doyoe
Copy link
Owner

doyoe commented May 12, 2016

感谢反馈 :)

@doyoe doyoe closed this as completed May 12, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants