移动端border是虚线的,但是左右两条虚线却显示的是实线


图片描述

我的问题是 我本来四条边都是虚线的,但是在移动端的chrome里 左右虚线渲染成实线了,这个要怎么解决呢?

移动端web css

shafa 10 years, 10 months ago

会不会有什么样式冲突了啊,实心就是实心,虚线就是虚线,还成混搭了,建议你用排除法

一只玲珑辞 answered 10 years, 10 months ago

还没碰到过,在PC端的google和手机端的google样式不一样的。
很简单咯 如果你觉得你的虚线被渲染成了实线 你给border来个red颜色看下实线是不是red就知道了。
目测是楼主样式写的不对,或者那个实线的边框 是虚线边框元素的外层包裹元素。

大傻子11 answered 10 years, 10 months ago

你的css是怎么写的呢?是四条边分开写还是直接写了一个?有没有其他的类把这个类盖住了?建议你先用PC版的Chrome模拟功能测试一下

做你昼夜骑士 answered 10 years, 10 months ago

border的4边可以分别设定样式:


 border-style: dashed solid;
    border-width: 1px;

楒六- answered 10 years, 10 months ago

Your Answer