u012197726的博客

隐藏input的单选框样式，用label重写样式position定位到单选框位置覆盖，transform旋转实现效果。 单选效果： <div class="radio"> <input type="radio" id="sex1" name="sex"> <label for="sex1"></label> 男 </div> <div class="radio"> &lt

超出部分… overflow: hidden; /* 内容被剪裁，其余内容不可见 */ text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */ white-space: nowrap; /* 段落中的文本不换行 */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-br

UI稿件：750px 人为分配：20份 （多少都可以，不分也可以，只不过算出来的rem值太小了） html的 font-size = 750 / 20 = 37.5px 如果从UI稿件测量width是50px 换成rem：50px / 37.5 = 1.33 rem 要等比例放大缩小，所以设备屏幕都分成20份来计算 在设备屏幕的宽度是375(如iphoneX)的 font-size：375 / 20 = 18.75px 那么实际的width换成px ：1.33rem * 18.75 = 25px 这样就是等