-1
처음부터 CSS의 호환성에 짜증이났습니다. 가장 일반적인 플랫폼에서 작동하는 CSS를 코딩하는 가장 좋은 방법은 무엇입니까 ... (IE7 +, Firefox, Safari, Chrome 및 iPad/iPhone, Blacberry, Android)CSS // 범용/크로스 플랫폼 CSS 코드
알려진 모든 곳에서 찾을 수있는 목록이 있습니까? 차이점은?
감사합니다. Jakob
A
답변
1
각 CSS 요소에 대해 CSS 참조가 자주 사용됩니다. 각 CSS 요소는 다양한 브라우저의 호환성 목록과 일부 경우의 고유 한 동작을 제공합니다 (적용 가능한 경우).
예를 들어 display 속성의 경우 http://www3.w3schools.com/cssref/pr_class_display.asp을 확인하십시오. 이 속성은 모든 브라우저에서 지원된다는 것을 보여 주며 IE의 세부 사항을 제공합니다.
"inline-table", "run-in", "table", "table-caption" "table-cell", "table-column", "table-column-group", "table-row", "table-row-group"및 "inherit"은 IE7 이하에서는 지원되지 않습니다. IE8에는! DOCTYPE이 필요합니다. IE9는 값을 지원합니다.
다른 모든 CSS 요소에 대해서도 유사한 설명이 제공됩니다. 모든 문제를 해결할 지 확실하지 않지만 확실히 좋은 자료입니다.
+0
링크에 대한 감사 :) – jakobk
새 웹 응용 프로그램에서 동일한 문제가 발생합니다. 모든 JS 코드는 스크립팅 오류를 방지하고 거의 100 % 크로스 브라우저 및 크로스 플랫폼 호환성을 제공하는 JQuery로 작성되었습니다. 여전히 CSS 레이아웃 관리가 다를 수 있습니다 ... :( –
예, jQuery는 크로스 플랫폼 응용 프로그램에 적합합니다. 어쩌면 누군가가 모든 CSS 코드를 모든 브라우저에서 작동하도록 변경하는 CSS 라이브러리를 만들어야합니다.) – jakobk
[Wikipedia - 레이아웃 비교 엔진 (CSS)] (http://en.wikipedia.org/wiki/Comparison_of_layout_engines_ (Cascading_Style_Sheets)) –