브라우저 불규칙성을 설명하는 CSS "프레임워크"?

https://stackoverflow.com/questions/76854

09-06-2019
|

문제

저는 소규모 미디어 회사의 웹사이트를 구축하고 있습니다.불행하게도 우리 클라이언트 기반의 약 45-50%가 IE6를 사용하는 반면, 나머지 절반은 Firefox와 Webkit 기반 브라우저 간에 거의 균등하게 분할되어 있으며 소수의 Opera 사용자도 있습니다.

저는 모든 사이트를 Eric Meyer와 유사한 스타일시트 재설정(몇 가지 수정 사항 포함)으로 시작합니다.나는 최근에 Blueprint CSS "프레임워크"를 많이 사용하고 있으며, 특별히 그것에 집착하지는 않지만 내 삶을 훨씬 쉽게 만들어주었습니다.

내 개발 시간의 약 60%는 내가 만든 사이트가 각 브라우저에서 크게 다르게 보이지 않는지 확인하는 데 사용됩니다.저는 Firefox 3용으로 코딩한 다음 거기에서 조정합니다.

그 멍청하고 작은 브라우저 문제를 선제적으로 해결하려고 시도하는 스타일시트/프레임워크를 아는 사람이 있나요?나는 브라우저의 모든 이상함을 완전히 설명할 수 있는 것이 없다는 것을 알고 있지만, 시작하기에 좀 더 견고한 것이 있으면 좋을 것입니다.

나만의 것을 만들어가는 중인데, 시작해볼 만한 것이 있으면 좋을 것 같아요.

해결책

보세요 YAML.

다른 팁

Yahoo YUI 라이브러리는 크로스 브라우저 렌더링 문제를 처리하는 데 도움이 됩니다.즉, 재설정 구성요소(http://developer.yahoo.com/yui/reset/)는 모든 브라우저별 렌더링(예: 특정 요소의 여백 및 패딩)을 되돌려 사이트를 디자인할 때부터 시작할 수 있는 공평한 경쟁의 장을 만듭니다.

읽고 속으로 소화하기 CSS를 초월하다 앤디 클라크, 몰리 E.Holzschlag, Aaron Gustafson 및 Mark Boulton.

이 책은 여러분이 처리할 수 있는 문제를 처리하기 위한 일련의 기술을 제공하고, 오래되었거나 기능이 떨어지는 브라우저나 스크린 리더와 같은 다른 기술을 사용하는 브라우저에서 웹 사이트에 액세스할 수 있도록 하는 방법에 대한 조언을 제공합니다.

근본적인 추진력은 우아하게 저하되는 사이트를 만드는 것입니다.

여기에는 이러한 문제를 다루는 리소스에 대한 많은 링크가 포함되어 있습니다.

딘 에드워즈' IE7 라이브러리 Internet Explorer의 일부 단점에 대처합니다.

블루프린트(Blueprint)는 이 분야 초기에 등장한 작품 중 하나로 꽤 성숙한 것으로 평가된다.

http://code.google.com/p/blueprintcss/

사용 가능한 프레임워크의 거대한 목록은 다음과 같습니다.

http://www.cssnolanche.com.br/css-frameworks/

당시 웹 개발자 커뮤니티에서는 CSS 프레임워크에 관해 흥미로운 논쟁이 많이 있었습니다.많은 사람들이 이것이 일부 구조/표현 분리를 위반하고 의미 없는 클래스 이름과 구조를 도입했다고 걱정했습니다.

일부 보기:

http://jeffcroft.com/blog/2007/nov/17/whats-not-love-about-css-frameworks/