avatar
morethan-log
๐Ÿ“ฑ Webview
4
์›น๋ทฐ๋ฅผ ์ž‘์—…ํ•˜๋ฉด์„œ ๊ฒช๋Š” ์—ฌ๋Ÿฌ ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ… ๊ฒฝํ—˜์„ ๊ณต์œ ํ•ด์š”
ํ„ฐ์น˜ ๋””๋ฐ”์ด์Šค์—์„œ hover ์Šคํƒ€์ผ ์ œ์–ดํ•˜๊ธฐ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ๊ตฌํ˜„ํ•˜๋ฉด์„œ :hover ๊ฐ€์ƒ ํด๋ž˜์Šค๋ฅผ ์ ์šฉํ–ˆ๋˜ ๊ฒฝํ—˜์„ ๊ธฐ๋กํ•œ๋‹ค.:hover๋Š” ํฌ์ธํ„ฐ๊ฐ€ ํ•ด๋‹น ์—˜๋ฆฌ๋จผํŠธ ์œ„์— ์˜ฌ๋ผ๊ฐ€ ์žˆ๋Š” ์ƒํƒœ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ๊ฐ€์ƒ ํด๋ž˜์Šค๋กœ ์ฃผ๋กœ ๋ฒ„ํŠผ์ด๋‚˜ ์ธํ’‹๊ณผ ๊ฐ™์€ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ตฌํ˜„ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.์ด๋Ÿฌํ•œ :hover ๊ฐ€์ƒ ํด๋ž˜์Šค๋Š” ๋งˆ์šฐ์Šค๋ฅผ ์˜ฌ๋ ค๋‘”๋‹ค์™€ ๊ฐ™์€ ๊ฒฝ์šฐ๊ฐ€ ์—†๋Š” ํ™˜๊ฒฝ์—์„œ๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ• ๊นŒ? ๋Œ€ํ‘œ์ ์œผ๋กœ ํ„ฐ์น˜๋กœ ๋™์ž‘ํ•˜๋Š” ๋ชจ๋ฐ”์ผ ๋””
1
0
7 months ago
5 min read
article-thumbnail
fixed ์š”์†Œ๋งŒํผ ๋†’์ด ์ฐจ์ง€ํ•˜๋Š” CTA ๋ฒ„ํŠผ ๊ตฌํ˜„ํ•˜๊ธฐ์›น๋ทฐ์—์„œ ๋งˆ์ฃผํ•˜๋Š” ์—ฌ๋Ÿฌ ํŒ์„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.์›น๋ทฐ๋ฅผ ๊ตฌํ˜„ํ•˜๋‹ค๋ณด๋ฉด ์•„๋ž˜์™€ ๊ฐ™์€ ํ™”๋ฉด์„ ์ž์ฃผ ๋งˆ์ฃผํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.์•„๋ž˜ ์‚ฌ์ง„์€ ํ† ์Šค์—์„œ ๊ฐ€์ ธ์™”์Šต๋‹ˆ๋‹ค.์ด๋•Œ ํ•˜๋‹จ์— ํ•ญ์ƒ ์œ„์น˜ํ•˜๊ณ  ์žˆ๋Š” ๋ฒ„ํŠผ์„ ๋ณดํ†ต CTA(Click-To-Action) ๋ฒ„ํŠผ์ด๋ผ๊ณ  ๋ถ€๋ฅด๋Š”๋ฐ์š”. ์ด๋Ÿฌํ•œ ๋ฒ„ํŠผ์€ ์ผ๋ฐ˜์ ์œผ๋กœ ์ปจํ…์ธ  ์œ„์— ์œ„์น˜ํ•˜๊ณ  ์žˆ์–ด์•ผํ•˜๊ธฐ์— position:fixed๋กœ ๊ตฌํ˜„ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.๊ฐ„๋‹จํ•œ ๊ฒƒ ๊ฐ™์ง€
0
0
6 months ago
4 min read
article-thumbnail
mobile safari์—์„œ video poster๊ฐ€ ๊นœ๋นก์ด๋Š” ์ด์ŠˆProblem์›น๋ทฐ๋ฅผ ์ž‘์—…ํ•˜๋˜ ๋„์ค‘ video๋ฅผ ๋ฐฐ๊ฒฝ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ์ผ€์ด์Šค๊ฐ€ ์กด์žฌํ•ด ๊ตฌํ˜„ํ•˜๋˜ ๋„์ค‘... mobile safari์—์„œ poster -> video๋กœ ์ „ํ™˜๋˜๋ฉด์„œ ์•„๋ž˜์™€ ๊ฐ™์ด ๊นœ๋นก๊ฑฐ๋ฆฌ๋Š” ํ˜„์ƒ์ด ๋ฐœ์ƒํ–ˆ๋‹ค.๊ด€๋ จํ•ด์„œ ์ด์Šˆ๋ฅผ ์ฐพ์•„๋ณด์•˜์œผ๋‚˜ ๊ด€๋ จ๋œ ๋‚ด์šฉ์ด ๋งŽ์ง€ ์•Š์•˜๊ณ , ์ž„์‹œ ๋Œ€์‘์ฑ…์„ ๊ณ ๋ฏผํ•ด๋ณด์•˜๋‹ค.background-image ์ถ”๊ฐ€ํ•˜๊ธฐ์•„๋ž˜์™€ ๊ฐ™์ด video
0
0
4 months ago
2 min read
morethanmin
50 ํŒ”๋กœ์›Œ
ยท
51 ํŒ”๋กœ์ž‰
๋ชฐ๋Œ„๋ฏผ์ž…๋‹ˆ๋‹ค
ํƒœ๊ทธ
CSSwebviewReactTroubleshootingsafariios
์ตœ๊ทผ ๋Œ“๊ธ€
์•„์ง ๋Œ“๊ธ€์ด ์—†์–ด์š”
Made with