모서리에서 테두리 반경이 깨졌습니다.

Question

웹 사이트 용 컨텐트 상자를 디자인했으며 데스크탑에서는 잘 보입니다. 하지만 지금은 모바일에 넣고 싶습니다.
여기에 관련 html + css로만 된 예를 볼 수 있습니다. http://pastehtml.com/view/bze2phhwn.html
내 스마트 폰에서 테두리가 둥근 모서리에 1-3px의 테두리 반경이 나뉘며 (경계 색 대신 배경색이 표시됨) 조금이라도 확대하면이 효과를 브라우저에서도 볼 수 있습니다. 그 이상한데, 왜냐하면 당신이 밖으로 약간 줌인하면,이 효과가 항상 존재하지 않을 것이기 때문입니다. 그래서 나는 그것이 나쁜 HTML + CSS가 아니라고 tought.

무슨 문제 일 수 있습니까?

Answer 1

이것은 버그 인 것 같습니다.

또한

https://bugzilla.mozilla.org/show_bug.cgi?id=758958

: 모질라에 제출 나는이뿐만 아니라 버그라고 생각 https://stackoverflow.com/questions/10774506/border-radius-causes-white-lines-when-applied-to-individual-corners/10774635#10774635

Answer 2

,하지만 난 수정을 발견 ... 잘못을 어쩌면 그것은 해킹으로 간주됩니다. 여기에 내 문제의 이미지는 다음과 같습니다

http://i909.photobucket.com/albums/ac298/roboyak/missingBorder_zpsbhftdfmd.png

그래서 내 이야기는 내가 부모 웹 페이지에서 나에 부과 된 reset.css 스타일 시트를 얻고 있었다이다. 하려고에서

table tbody tr td { 
    border-bottom: none; 
} 

: 나는 내 시트에서 다음과 같은 규칙을 명시하여 스타일을 오버라이드 프로젝트를 시작했을 때 오래 전

table tbody tr td { 
    border-bottom: 1px solid #ccc; 
} 

: TD를 요소는 CSS를 시트에서 다음과 같은 스타일을 얻고 있었다 내 문제를 해결했다. 경계 밑의 규칙이 아무 것도 아니라 "중간 없음"으로 나타났습니다. 다음 코드를 추가하면 경계가 더 이상 손상되지 않습니다. 국경이 모든 TD의 내가 원하는하지 않은에 다시 온다, 그래서

table tbody tr td { 
    border-bottom: none none; 
} 

는 기본적으로이 규칙을 나누기,하지만 난이 무슨 일이 일어나고 있는지에 대한 통찰력을 제공 할 수 있다고 생각합니다.