Style 썸네일형 리스트형 [CSS] 특정 아이폰 사파리 브라우저 text-overflow:ellipsis 불가 현상 작업 중 발견 된 현상인데...특정 아이폰 사파리 브라우저에서만 text-overflow:ellipsis 가 적용되지 않는 문제가 발생했다...맥에다 아이폰을 연결해서 디버깅해봐도... 아니 대체 왜!!! 왜 특정 아이폰만 그러는지!!! 구글링 해본 결과 display 속성부터 position 속성까지 변경하는 방법들이 다양했는데 일단 내가 사용한 방법은 overflow:hidden 이 아닌 overflow:auto를 적용하는 것 이었다. 특이하게도 딱 overflow:auto로 값을 변경하니 text-overflow:ellipsis가 적용되었는데.... 아직도 원인은 모르겠다... 다만 작업중인 부분이 모바일 전용이고 해당 부분 위에 가상선택자로 투명한 박스를 올려놔서 사용자가 스와이프해도 해당 글 부.. 더보기 [CSS] @media query 가로·세로 적용 stylesheet 반응형 작업중에 고민되는 것 중 하나가 모바일 기기에서의 가로·세로 반응형 작업이다. 머릿속으로는 있을거야... 하고 생각만해놓고 1도 찾아보지 않은 내가 밉다... 모바일기기의 가로 세로를 체크하는 방식은 반응형 작업을 할 때 처럼 미디어쿼리를 사용한다. /* 세로 모드: Portrait(포트레이트) 모드 */ /* 가로 모드: Landscape(랜드스케이프) 모드 */ @media (orientation: portrait) { /* Portrait 모드일 때 적용할 CSS */ } @media (orientation: landscape) { /* Landscape 모드일 때 적용할 CSS */ } 사실 다른 방법으로는 javaScript를 이용하여 페이지에 접속 할 때 혹은 디바이.. 더보기 [CSS] 모바일 기기에서 button touch 시 효과 제거 - 웹 개발 시 button 앨리먼트를 작성 후 모바일 기기에서 터치를 했을 경우 파란색 background가 생기는 것을 확인할 수 있다. 이 때 아래의 코드를 사용하여 해당 background를 제거해줄 수 있다. -webkit-tap-highlight-color : transparent !important; 더보기 이전 1 다음