【文件属性】:
文件名称:Java版水果管理系统源码-frontInterview:web前端面试经历
文件大小:374KB
文件格式:ZIP
更新时间:2021-06-05 02:13:53
系统开源
Java版水果管理系统源码
移动端相关
1.
移动端1px边框问题的解决方案
(华润集团)
使用小数写px值
通过媒体查询判断设备的像素比
DRP
根据不同像素比写不同的边框大小
.border
{
border:
1px
solid
#ccc
}
@media
screen
and
(-webkit-min-device-pixel-ratio:
2)
{
.border
{
border:
0.5px
solid
#ccc
}
}
@media
screen
and
(-webkit-min-device-pixel-ratio:
3)
{
.border
{
border:
0.333333px
solid
#ccc
}
}
使用边框图片
这样的1张6X6的图片,
9宫格等分填充border-image,
这样元素的4个边框宽度都只有1px
@media
screen
and
(-webkit-min-device-pixel-ratio:
2){
.border{
border:
1px
solid
transparent;
border-image:
url(border.g
【文件预览】:
frontInterview-master
----Vue相关()
--------Vue面试题.md(14KB)
----README.md(85KB)
----CSS相关()
--------CSS面试题.md(6KB)
----React相关()
--------React面试题.md(11KB)
----数组排序.html(1023B)
----HTML相关()
--------HTML面试题.md(4KB)
----ES6相关()
--------ES6面试题.md(9KB)
----存储相关()
--------存储面试题.md(4KB)
----移动端相关()
--------移动端面试题.md(3KB)
----Ts相关()
--------Ts面试题.md(11KB)
----JS相关()
--------原型链流程图.png(305KB)
--------JS面试题.md(26KB)
----a.html(10KB)
----其他相关()
--------其他相关.md(0B)
----index.html(33KB)