@media only screen and (min-device-width : 768px)
and (max-device-width : 768px){
&-custom {
.px2rem(height, 165);
.px2rem(line-height, 165);
.px2rem(width, 840);
.px2rem(min-height, 165);
.font(48);
.radius(82);
}
}
@media only screen and (min-device-width : 1024px)
and (max-device-width : 1024px){
&-custom {
.px2rem(height, 220);
.px2rem(line-height, 220);
.px2rem(width, 1120);
.px2rem(min-height, 220);
.font(64);
.radius(110);
}
}
这段代码定义了两种屏幕尺寸下的样式规则,针对768px到768px设备和1024px到1024px设备,分别设置了元素的高度、行高、宽度、最小高度、字体大小和圆角半径,实现不同屏幕尺寸下的视觉效果和用户体验优化。
1180

被折叠的 条评论
为什么被折叠?



