transform 속성을 이용해서 텍스트를 가운데 정렬을 했는데, 파폭에서는 창 크기가 줄어들면 글자 일부분이 사라지네요 ㄷㄷ
left: 50%;
top: 50%;
transform:translateX(-50%) translateY(-50%)
이렇게 적용되어 있는 상태인데, 크롬에서는 창이 줄면 텍스트가 두 줄이 될지언정 사라지는 일은 없었는데, 파폭에서는 창이 줄어들면 텍스트가 사라지네요... ㄷㄷ
집에서 기미상궁으로 재직중입니다. 사실 놀고 있음
transform 속성이 표준이 아니어서 그럴 겁니다.
많이 알려진 방법으로는 margin:auto; 값을 적용하는게 가장 많이 알려진 방법이고, html 태그로 감쌀 수 있다면
(아니 왜때문에 아직도 표준이 아닌 게 존재하는거죠)
예전에 표준이 정해지기 전에 브라우저들마다 중구난방으로 태그를 사용하던 시절이 있었는데 그 잔여물이 아직 남아있는게 아닌가 싶네요.
Aㅏ...
근데 저도 잘 모름.
결론은 브라우저들이 잘못한걸로... (음?)
그래서 브라우저들이 동시에 사용하기로 함 표준이 좋은 겁니다
아 그렇군요... 아참 트랜스폼은 width를 100프로로 해서 잡았습니다.
그냥 css는 짜증나는걸로 ㅎㅎ
(끄덕)
맞아요.
이 속성 적용하면 다른곳에서 삐걱하고 그거 고치면 다른곳에서 삐걱하고...
댓글 달기