복잡한뇌구조마냥

개발을 하던 중 font size가 특정 구간에 도달하면 더 이상 줄어들지 않는 상황을 발견했다. 일부 브라우저는 브라우저 설정으로 최소 폰트 사이즈를 지정하고 있어서 font-size를 css에서 수정하여도 크기가 변하지않는 경우가 있었다. 간단한 방법으로 이를 해결 할 수 있었다. .font { font-size: 10px; // 10px이 최소 크키라고 가정 zoom: 0.9; // 9px로 줄어든 것 처럼 보이는 효과가 있었음. } zoom을 이용하여 font-size 비율을 낮춰서 디자인에 맞게 수정할 수 있다. zoom 비율을 잘 이용하여 반응형 제작에도 도움을 받을 수 있다.

디자인 팀에서 받은 디자인의 규격이 css가 적용되지 않는 문제가 있었다. border이 1px보다 얇아야하는데 구분선과 비교가 안되는 문제가 있었다. 참조 블로그를 참조하여 꼼수를 얻었다. 실제로 적용해보고 디자인팀에서 괜찮다고 의견을 받아 이대로 적용했다. 1px border 0.75px border 0.5px border 0.25px border (1px) (0.75px) (0.5px) (0.25px) 1. 본인이 수정하려는 요소에 class나 id를 우선 설정하고, .border_100 { border: 1px solid rgba(0,0,255,1); } .border_75 { border: 1px solid rgba(0,0,255,0.75); } .border_50 { border: 1px so..