1.产生这个问题的原因。 在移动端中，1px和pc端中是不一样的。这是因为window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例问题导致的。 2.解决方案： 1）.用box-shadow模拟边框 2）.用 ...
分类：
移动开发 时间：
2018-10-24 22:27:09
阅读次数：
264
box-shadow box-shadow属性支持多个阴影，用逗号分隔 使用inset时，需要同时增加相应的内边距 边框内圆角的实现可以用该属性配合outline来实现，因为box-shadow时贴着圆角的，而outline显示为直角，此方案可能会在以后的提案中不可行 outline 可以实现box ...
分类：
Web程序 时间：
2018-10-24 00:55:57
阅读次数：
184
//高宽分别对应横竖滚动条的尺寸::-webkit-scrollbar { width: 16px; height: 16px; }//内阴影 和 圆角::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0 ...
分类：
Web程序 时间：
2018-10-20 19:50:08
阅读次数：
145
边框的阴影： 参数说明： box-shadow:1px 2px 3px 4px #ccc inset； 说明 1. 对于上边，沿x轴方向的偏移量显然没有意义，设为0px； 2. 沿y轴正方向阴影进入div内部，不显示，因此写为负数； 3. 扩展半径不要写，或者写成0px，这样就不会影响其他的边； 4 ...
分类：
其他好文 时间：
2018-10-17 19:04:24
阅读次数：
1720
body { background: #000524; } #wrapper { padding-top: 20px; background: #000524; border: 1px solid #000; box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0... ...
分类：
其他好文 时间：
2018-10-09 22:19:39
阅读次数：
213
内容： 1.圆角 border-radius 2.阴影 text-shadow、box-shadow 3.渐变 linear、radial 4.rgba rgb+alpha opacity 5.transform 6.动画 transition、animation 1.圆角 border-radiu ...
分类：
Web程序 时间：
2018-10-07 15:33:28
阅读次数：
263
CSS3盒子阴影属性box-shadow也是CSS3新增的一个重要属性，用来定义元素的盒子阴影。inset：阴影类型，可选值。如果不设置，其默认的投影方式是外阴影；如果取其唯一值“inset”，就是给元素设置内阴影。x-offset：阴影水平偏移量，其值可以是正负值。如果取正值，则阴影在元素的右边，反之取负值，阴影在元素的左边。y-offset：阴影垂直偏移量，其值可以是正负值。如果取正值，则阴影
分类：
Web程序 时间：
2018-10-04 10:34:12
阅读次数：
395
