久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

css - weui 用偽元素生成border,源碼有點不理解

瀏覽:137日期:2023-07-07 11:35:06

問題描述

.weui_actionsheet_cell { position: relative; padding: 10px 0; text-align: center; font-size: 18px;}.weui_actionsheet_cell:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}我想知道為什么weui中,利用偽元素生成border,同時使用了border:1px和height:1px;,然后又在Y軸上縮放0.5倍。我覺得直接用border不久可以了,應該沒有那個瀏覽器不支持border的吧。

問題解答

回答1:

為了適應高清屏、retina屏的1px border問題。用transform scale y一下就解決了。用偽元素的好處也在于不用多些無用的p標簽。

回答2:

如果只有寬度沒有高度,這里給出高度,應該只是為了更好的顯示出來~避免顯示不出來的情況吧~~這里應該是為了1px的border寬,先給1px的高度,然后再給Y軸縮放回來~最后應該是一條線。

回答3:

為了解決retina屏幕的1px邊框問題

回答4:

不說話,看圖css - weui 用偽元素生成border,源碼有點不理解

回答5:

為了實現0.5px邊框

標簽: CSS
主站蜘蛛池模板: 绍兴县| 图片| 南充市| 博野县| 铁岭县| 蒙阴县| 福贡县| 临高县| 望奎县| 顺平县| 凤阳县| 沿河| 镇巴县| 静乐县| 青岛市| 鲜城| 辛集市| 新田县| 巍山| 嘉定区| 增城市| 吉首市| 巫溪县| 贵阳市| 韩城市| 楚雄市| 东兰县| 九寨沟县| 扎囊县| 聂拉木县| 临澧县| 利津县| 英超| 志丹县| 石狮市| 时尚| 奉化市| 屏东市| 光山县| 富平县| 杭锦旗|