直接设置border:1pxsolid#ccc;手机看会比设计稿厚一些（可能不是很明显，因为这里是灰色的...使用红绿蓝等不同粗细），浏览器边框最小显示像素为1px，设置0.5px也会呈现1px的效果，css中的1px取决于手机的品牌或型号高清屏幕物理像素为2像素或3像素，bordercolor.list-wrapper{width:300px;高度：200px；margin:100pxauto;}.list-wrapper:after{border-radius:20px;border-color:#ccc;}.border-1px{position:relative}.border-1px:after{content:"";指针事件：无；显示：块；位置：绝对；左：0；顶部：0；-webkit-transform-origin:00;变换原点：00；边框宽度：1px；边框样式：实心；框大小：边框框；宽度：100%；高度：100%；}@media(-webkit-min-device-pixel-ratio:2){.border-1px:after{宽度：200%;高度：200%；-webkit-转换：规模（.5）；转换：缩放（.5）}}@media（-webkit-min-device-pixel-ratio：3）{.border-1px：after{width：300％;高度：300%；-webkit-转换：比例（.333）；变换：sc但是（.333）}}
