position3
229
작성한 질문수 8
안녕하세요
박스가
일 때,
개발자도구에서 parent 박스가 보더를 제외한 값이 200/100 px로 지정됩니다.
box-sizing:border-box를 지정했음에도 왜 보더를 제외한 영역이 지정되는 건가요 ?
답변 1
1
오잉 크롬에서 정상적으로 작동하는데용
혹시 브라우저 뭐 쓰시나요
일부 브라우저에서 문제가 있을 수도 잇는데
0
브라우저 별로 css 지원하는 표준화가 달라서 그런 것 같아용!!
크롬이 대체적으로 대부분의 css를 대응하고
그 외 ie 엣지 파이어폭스는 일부 css미지원 및 표준이 다를 수 있습니다.
이런 브라우저 별로 상이한 현상을 대응하는 것을
크로스브라우징이라고 해용!!!
따라서 웬만한 css를 빠르게 대응하고 있는 크롬으로 결과 화면을 체크 하시는 것을 추천드려용
즐코하세용!!
0
Can I use... Support tables for HTML5, CSS3, etc
파이어폭스도 box-sizing 지원인데 왜 안되는건지 갑자기 궁금해지네요....
박무뭉님 대단하세요
0
저는 파이어폭스 대응해본 적이 없어서 확실친 않은데
box-sizing: border-box를 파이어폭스에 정확하게 대응하려면
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-moz-라는 벤더프리픽스 접두사를 넣어줘야 할 것 같아요
지원은 하지만 브라우저별로 대응하는 방식이 다르기 때문에
-webkit- /*사파리,크롬,안드로이드,ios*/
-mox- /*파이어폭스 등 모질라 브라우저 엔진 */
-ms- /*인터넷익스플로러*/
-o- /*오페라*/
이런 접두사를 넣어서 브라우저별로 대응하는 방식으로 써야 적용될것 같은데 한번 해보세용~!
크로스브라우징에 관해선
https://am-jei.tistory.com/10
위 링크 참고하세요 !
즐코하세용!!!
0
와 저게 뭔지도 처음봐요 그냥 박스사이징 적용하면 되는 줄 알았는데
bxslider할때 자동적용있는 태그로 비슷한거 보이긴 했는데 저런거였네요 그저신기,,,,,, 전 한참 멀었네요
class 값 한 번에 부여하는법
2
79
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
69
1
div#css-checker-widget의 해결방
1
60
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
79
2
강의듣는법
1
73
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
67
2
input checked 질문합니다.
0
76
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
140
2
Part 1 영상 안나옵니다
1
88
1
제이쿼리 작동이 안됩니다
1
199
3
강의 내용 질문있습니다.
1
120
2
일정 부분만 주석하는 방법
1
211
2
폰트어썸
1
134
2
인접선택자에 대한 질문드립니다!
1
129
2
delay 적용 안됨
1
134
1
rotateY(360deg)가 적용이 안됩니다!
1
186
2
세로이동할때 height값
1
138
2
폰트어썸이 안되요..
1
484
2
화면 정중앙에 오게끔 할수있나요?
1
169
1
어코디언 네비게이션 중
1
124
1
라이브서버 문제
1
225
2
넷플릭스 어코디언 예제 질문
1
102
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
154
1
active 관련 질문
1
145
2