- 11
- 국내산라이츄
- 조회 수 379
transform 속성을 이용해서 텍스트를 가운데 정렬을 했는데, 파폭에서는 창 크기가 줄어들면 글자 일부분이 사라지네요 ㄷㄷ
left: 50%;
top: 50%;
transform:translateX(-50%) translateY(-50%)
이렇게 적용되어 있는 상태인데, 크롬에서는 창이 줄면 텍스트가 두 줄이 될지언정 사라지는 일은 없었는데, 파폭에서는 창이 줄어들면 텍스트가 사라지네요... ㄷㄷ
작성자
댓글 11
![profile image](/files/member_extra_info/profile_image/640/096/96640.gif?t=1548527149)
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.12. 19:10
![profile image](/files/member_extra_info/profile_image/446/179/179446.jpg?t=1714311433)
(아니 왜때문에 아직도 표준이 아닌 게 존재하는거죠)
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.12. 19:10
![profile image](/files/member_extra_info/profile_image/640/096/96640.gif?t=1548527149)
예전에 표준이 정해지기 전에 브라우저들마다 중구난방으로 태그를 사용하던 시절이 있었는데 그 잔여물이 아직 남아있는게 아닌가 싶네요.
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.12. 19:11
![profile image](/files/member_extra_info/profile_image/446/179/179446.jpg?t=1714311433)
Aㅏ...
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.12. 19:12
![profile image](/files/member_extra_info/profile_image/640/096/96640.gif?t=1548527149)
근데 저도 잘 모름.
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.12. 19:13
![profile image](/files/member_extra_info/profile_image/446/179/179446.jpg?t=1714311433)
결론은 브라우저들이 잘못한걸로... (음?)
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.12. 19:14
![profile image](/files/member_extra_info/profile_image/640/096/96640.gif?t=1548527149)
그래서 브라우저들이 동시에 사용하기로 함 표준이 좋은 겁니다
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.12. 19:24
![profile image](/files/member_extra_info/profile_image/446/179/179446.jpg?t=1714311433)
아 그렇군요... 아참 트랜스폼은 width를 100프로로 해서 잡았습니다.
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.12. 21:14
![profile image](/files/member_extra_info/profile_image/807/150/150807.jpg?t=1535596791)
그냥 css는 짜증나는걸로 ㅎㅎ
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.13. 16:44
![profile image](/files/member_extra_info/profile_image/446/179/179446.jpg?t=1714311433)
(끄덕)
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.13. 17:51
![profile image](/files/member_extra_info/profile_image/640/096/96640.gif?t=1548527149)
맞아요.
이 속성 적용하면 다른곳에서 삐걱하고 그거 고치면 다른곳에서 삐걱하고...
![comment menu](/modules/board/skins/comely_board/images/icn_more.png)
2017.09.14. 10:07
권한이 없습니다.
transform 속성이 표준이 아니어서 그럴 겁니다.
많이 알려진 방법으로는 margin:auto; 값을 적용하는게 가장 많이 알려진 방법이고, html 태그로 감쌀 수 있다면