資訊專欄INFORMATION COLUMN
摘要：前言在一個菜單面板的時候，把間隔線設(shè)置成了絕對像素，生成的效果是下面這樣的，在一個線跟其它的不一樣。但在上就不會出現(xiàn)這問題。解決細找問題，找出來了，我在內(nèi)寫的是，也就是說，在縱向壓縮的時候，壓縮的是。換成用，也就是用的主體。
前言
在一個菜單面板的時候，把間隔線設(shè)置成了 1 絕對像素，生成的效果是下面這樣的，在一個線跟其它的不一樣。但在 Chrome 上就不會出現(xiàn)這問題。
width: 100%; bottom: 0; left: 0; content: ""; display: block; border-bottom: 1px solid #8E8E93; position: absolute; transform-origin: 0 100%; transform: scaleY(0.5);解決
細找問題，找出來了，我在 ::after 內(nèi)寫的是 border-bottom ，也就是說，在縱向壓縮的時候，壓縮的是 border。
換成用 background-color ，也就是用 after 的主體。
width: 100%; bottom: 0; left: 0; content: ""; display: block; background-color: #8E8E93; height: 1px; position: absolute; transform-origin: 0 100%; transform: scaleY(0.5);
完成
對比前
后
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/116060.html
摘要：前言在一個菜單面板的時候，把間隔線設(shè)置成了絕對像素，生成的效果是下面這樣的，在一個線跟其它的不一樣。但在上就不會出現(xiàn)這問題。解決細找問題，找出來了，我在內(nèi)寫的是，也就是說，在縱向壓縮的時候，壓縮的是。換成用，也就是用的主體。 前言 在一個菜單面板的時候，把間隔線設(shè)置成了 1 絕對像素，生成的效果是下面這樣的，在一個線跟其它的不一樣。但在 Chrome 上就不會出現(xiàn)這問題。 width:...
摘要：前言在一個菜單面板的時候，把間隔線設(shè)置成了絕對像素，生成的效果是下面這樣的，在一個線跟其它的不一樣。但在上就不會出現(xiàn)這問題。解決細找問題，找出來了，我在內(nèi)寫的是，也就是說，在縱向壓縮的時候，壓縮的是。換成用，也就是用的主體。 前言 在一個菜單面板的時候，把間隔線設(shè)置成了 1 絕對像素，生成的效果是下面這樣的，在一個線跟其它的不一樣。但在 Chrome 上就不會出現(xiàn)這問題。 width:...
摘要：以下為正確示例規(guī)則說明與示例規(guī)則此規(guī)則意在防止在及早期游覽器上因為解析字體鏈接的而產(chǎn)生的錯誤。如下這里類指明了背景圖片，其它類則指明背景圖片的位置。 文章為csslint中文版譯文，點擊原文可查看英文版，如遇到翻譯錯誤或錯別字啥的，請留言指出~ 規(guī)則列表如下 adjoining-classes box-model box-sizing bulletproof-font-face co...
摘要：實現(xiàn)不換行自動換行強制換行不換行自動換行強制換行常用的選擇器以下代碼是選擇父類下第一個子節(jié)點，元素，建議學習這個樣式屬性的使用，很實用的。不允許負值用百分比指定起止色位置。::-Webkit-Input-Placeholder input 的 H5?placeholder?屬性，很好用，但不能直接改這個文字顏色，所以目前的解決方法就是用::input-placeholder屬性來改。 配合 ...
閱讀 3575·2023-04-25 14:20
閱讀 1196·2021-09-10 10:51
閱讀 1154·2019-08-30 15:53
閱讀 463·2019-08-30 15:43
閱讀 2316·2019-08-30 14:13
閱讀 2797·2019-08-30 12:45
閱讀 1207·2019-08-29 16:18
閱讀 1166·2019-08-29 16:12
