read : repeating-linear-gradient 크롬 모바일 버그 chrome mobile bug : 기술 #repeating-linear-gradient #chrome #bug #css::공대여자홈

repeating-linear-gradient 크롬 모바일 버그 chrome mobile bug

작성자 공대여자

작성 : 2021-03-16 22:10 조회 : 295
지남 1일간

2021-03-16 - 2021-03-16

좌표
첨부된 파일이 없습니다.

#repeating-linear-gradient #chrome #bug #css

크롬 모바일 88.0.4323.152 에서

.ruler.ruler-h.ruler-pc{

background:

repeating-linear-gradient(90deg,transparent 0, transparent calc(10pc - 1px),#666 calc(10pc - 1px), #666 10pc,transparent 0, transparent 10pc ) 0px 100% / 100% 10px no-repeat

, repeating-linear-gradient(90deg,transparent 0, transparent calc(5pc - 1px),#999 calc(5pc - 1px), #999 5pc,transparent 0, transparent 10pc ) 0px 100% / 100% 6px no-repeat

, repeating-linear-gradient(90deg,

transparent 0pc, transparent calc(1pc - 1px), #ccc calc(1pc - 1px), #ccc 1pc,

transparent 1pc, transparent calc(2pc - 1px), #ccc calc(2pc - 1px), #ccc 2pc,

transparent 2pc, transparent calc(3pc - 1px), #ccc calc(3pc - 1px), #ccc 3pc,

transparent 3pc, transparent calc(4pc - 1px), #ccc calc(4pc - 1px), #ccc 4pc,

transparent 0pc, transparent 5pc

) 0px 100% / 100% 3px no-repeat

;

}

이런 식으로 사용하고 너비를 아주 길게 할 경우, 몇몇 repeating-linear-gradient 는 뒤에서는 출력 안되는 버그가 있다.

111

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

목록형 📷 갤러리형

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	899
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	10333
공지	[공지] 기술 게시판	mins01	06/24 15:10	10548

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 new 1	4.18	4.19	4.20
4.21	4.22	4.23	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4