web sprit

문제점 Swiper js를 사용하여 모바일의 슬라이드를 만들어 보았다. 문제는 스크롤 시 반복되는 사로 슬라이드가 있는데 스크롤을 위에서 아래로 내리고 다시 위로 올리면 슬라이드를 조작하는 nav 버튼이 사라져서 안보인다는 것이 문제다. 안보여도 누르면 기능은 동작한다. 해결방법 z-index문제일거라면 큰 오산이다. 이미 z-index의 값은 슬라이드 움직이는 리스트보다 nav가 더 크게 잡혀있었다. 검색을 하다가 우연히 발견한 크롬fixed 버그에 대한 내용이다. 크롬에서 fixed를 사용하면 사라지는 버그가 있다고 한다.(?) 우선 한번 그대로 아래와 같은 내용을 넣었다. .target{ -webkit-backface-visibility:hidden; -webkit-transform:translat..

1. 풀 스크린 화면1cs홈스크린으로 등록하면 사파리 모바일에서 풀스크린으로 시작합니다. 2. 시작 시 화면1cs풀스크린 모드에서 위의 태그로 시작화면을 띄울 수 있습니다. 3. 상태바 없애기1cs풀스크린 모드에서 상태바 조정이 가능합니다. 4. 웹 클립 아이콘12 cs사파리에서 특정 페이지를 홈 스크린으로 만들때 모바일 사파리는 아이콘으로 만들 웹 클립 파일을 해당 웹페이지에서 찾습니다.(파일명: apple-touch-icon-precomposed.png)다른 방법으로는 link 태그로 지정하면 됩니다.

반응형 사이트를 작업하면서 생긴 이슈입니다.iframe을 모바일에서 스크롤 안되는 문제가 있었는데특히 사파리(아이폰에서 안된다능....)에서 안된다는 이슈가 있었습니다. 특정 영역 안에 iframe을 넣으면 스크롤이 안될뿐더러 모바일 화면에서 영역을 벗어나 넘치는 현상입니다. 구글신(?)의 힘을 빌려 서치하던 중 여러가지 해결 방법이 있었는데제가 잘못 적용한것도 있을 수 있지만 완벽하진 않았습니다. 그래서 조금 수정해서 올려봅니다.HTML123 Colored by Color Scriptercs SCSS1234567891011.iframe-wrap{ border: 1px solid #d6d6d6; height: 150px; overflow: auto; -webkit-overflow-scrolling: to..