본문 바로가기
반응형

ui2

-[반응형 웹 기초] @media screen and (max-width:620px) and (min-width:300px) [반응형 웹 기초] @media screen and (max-width:620px) and (min-width:300px)반응형 웹의 기초 @media screen and (max-width:620px) and (min-width:300px) 반응형 웹에 대해 두려움을 갖고 있는 퍼블리셔들이 제법 많다. 사실 알고 보면 별거 아니다. 몇가지 가로폭에 대한 시나리오대로 CSS를 적용해주면 90%(?)는 끝난 게임이다. 물론 그 과정은 코딩 답게 노가다이긴 하다. 같은 스타일에 대해 2번 이상을 기술해줘야 하는 작업이니까 말이다.https://a1itvouloir.tistory.com/94 2017. 3. 1.
[CSS 크로스브라우징] 크롬과 사파리 테이블에서 col width %값 인식 버그 position:absolute 오류 [크로스브라우징 CSS] 크롬, 사파리 테이블 col width %값 인식 bug- position:absolute 오류 콜 width % 오류 테스트 콜 width % 오류 테스트 35% 25% x% 5% checker checker checker checker 콜 width % 오류 테스트 IE 6.0 IE 8사파리 브라우저 크롬위에 보다시피 파이어폭스,인터넷 익스플로러에서는 별 문제 없어 보이지만, 크롬 브라우저와 사파리브라우저에서는 %로 테이블 col width 값을 준 경우에 간격이 모두 똑같아 보이는 현상이 생긴다. 이럴 때 테이블 caption의 스타일에 position:absolute가 들어 있어서 생긴다. 그렇다고 absolute를 빼버리면 top:-9999를 처리할 수가 없고, 이게 처.. 2015. 7. 27.
반응형