Tech is created to fix problem

오늘 너무나도 흥미로운 사실을 알게 되었다 video 태그의 영상을 자동재생 시키려면 video 태그 속성에 autoplay와 함께 muted 속성을 줘야하는 것은 알고 있었다. 그리고 IOS 까지 고려하면 playsinline 도 추가! 즉, 자동재생 => autoplay muted playsinline loop(무한루프까지 추가) 이렇게 알고 있었는데, 내 아이폰에서 영상이 자동재생이 되지 않았다. 왜지?? 몇일 전까지 되었는데,, 구글링 해보니까 아이폰 저전력모드일 때 자동재생이 되지 않는다고 한다 전혀 생각지 못한 이슈였다 이를 해결하기 위해서는 대략 두 가지의 해결방법을 보았다 1) 스크립트로 강제로 영상이 플레이되지 않을 때, 재생버튼을 누르도록! 할 수도 있고 2) 혹은 video.addEv..

1. img를 모바일에서 깨지지 않게 저장하는 방법 1) img를 pc용 mobile용 두 개를 넣어서 mobile에는 직접적으로 원래 width값을 준다. 2) 2배로 img 사이즈를 저장하고, 모바일을 scss에서 em(원래사이즈) 으로 리사이즈 해준다. img {width: em(1200);} 2. 동그라미 도형 비율 깨지지 않는 방법 1) 패딩으로 높이를 잡고 내용은 그 안에 띄우기 .circle { width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; background: 1px solid gray; position: relative; .txt { position: absolute; left: 0; right: 0; top: 50%..