저는 서버 측 언어로 부트 스트랩, HTML, CSS, CSS3 및 PHP를 사용하여 웹 사이트를 디자인하고 있습니다. 하지만 다른 브라우저에서이 코드를 검사했을 때 HTML 요소의 모양과 기능을 검사하여 모든 브라우저에서 호환되지 않는 것으로 나타났습니다. 내 웹 페이지가 모든 브라우저에서 표시되도록해야합니다. 웹 사이트 간 호환 검색
나는 알고 싶어 :1) 크로스 브라우징 웹 사이트를 설계하면서 고려에 걸릴해야하는 부분은 무엇입니까?
2) 어떻게하면 다른 브라우저에서 동일한 출력을 줄 수있는 페이지를 디자인 할 수 있습니까?
귀하의 문제는 PHP와 전혀 관련이 없습니다. PHP는 서버에서 실행되며 (HTML) 출력을 생성합니다. 이 출력 결과는 브라우저와 호환되어야하지만, PHP와 같은 방식으로 출력하는 것은 아닙니다. 그래서 나는 당신의 제목과 태그에서 PHP를 제거했습니다.
나머지 질문 :
또한 브라우저에는 자체 CSS가 내장되어 있습니다. h1 요소에는 큰 굵은 글꼴이 있습니다. 정확한 크기, 가족 및 대담함은 브라우저마다 다를 수 있습니다. 따라서 많은 웹 사이트는 CSS Reset (Thanks, @Vucko)으로 시작합니다. 이것은 기본적으로 포함 할 수있는 CSS 코드입니다. 모든 마크 업을 제거하거나 적어도 브라우저에서 동일하게 만듭니다.
그러나 그 후에도 픽셀을 완벽하게 목표로하지 마십시오. 때때로 거의 충분합니다.
특히 중요하지 않은 기능입니다. 예를 들어 둥근 모서리와 그림자는 이전 IE 브라우저에서는 지원되지 않거나 약간 다르게 보일 수 있습니다. 큰 HTML 구조를 만들고 배경 이미지를 추가하여 CSS 기능을 모방하는 대신 손실을 줄이고 그림자가 나타나지 않거나 그렇지 않으면 모서리가 제곱 된 경우 사이트가 정상적으로 작동 할 때 제곱됩니다.
표준을 따르는 것이 좋습니다. 표준을 따르고 HTML이 유효한지 확인하면 대부분의 브라우저에서 거의 동일하게 나타납니다.
모든 브라우저에서 완전히 지원되지 않는 새로운 기능을 사용하는 경우에는 여전히 차이가있을 수 있습니다. 광범위하게 지원되는 기능을 사용하여, 연습, 많은 지식, 적어도이 사이트를 사용 할 수있는 많은 귀결 :
특히 이러한 개요는 매우 유용합니다. 기능이 지원되는지 여부와 CSS에서 일부 CSS 프리픽스 (예 : -webkit-)가 필요한지 여부를 한 눈에 볼 수있어 일부 브라우저에서 작동합니다.
+1 아마도 [CSS 재설정] (http://www.cssreset.com/)에 대해서도 언급해야합니다. – Vucko
인터넷에서 다른 웹 사이트를 확인했습니다. 대부분 IE 7을 포함한 모든 브라우저에서 정상적으로 작동합니다. , 다른 웹 사이트 개발자는 하나의 웹 사이트에 대한 모든 브라우저마다 브라우저 호환 CSS를 개발하고 있습니까? IE의 경우 css1, Mozila의 경우 css2 등이 있습니다. 그리고 그 후 각 CSS를 조건부로 호출합니다. – user2999294
IE가 [조건부 주석] (http://www.quirksmode.org/css/condcom.html)을 지원하기 때문에 이전 IE 버전에 대한 예외를 비교적 쉽게 만들 수 있습니다. 그렇게하면 해당 브라우저에 추가 CSS 파일을 포함시킬 수 있습니다. 물론 이러한 브라우저와 호환되는 기능 만 신중하게 선택하거나 대체 기능을 제공 할 수 있습니다. IE7이 관련성이있을 때 그 웹 사이트가 얼마 전 만들어진 것일 수 있습니다. 당신이 원한다면, 그것은 당신에게 달려 있지만, 당신의 코드는 호환성을 위해 '오래된'기능을 사용해야 할 것입니다. 그러면 미래의 증거가 줄어들게됩니다. – GolezTrol
1) html5 요소를 사용하기 전에 1) caniuse.com을 확인하십시오. 원하는 브라우저와 호환되는지 확인하십시오. 해당 요소를 필사적으로 사용하려면 오류 콜백 또는 대체 콜백을 제공하십시오.
2) 브라우저에서 부분적으로 지원되는 CSS 규칙에는 -webkit- 또는 -moz- 등의 접두어를 사용합니다 (caniuse를 확인할 수 있음). 규칙을 전혀 지원하지 않으면 이미지로 전환되지만 마음에 드는 페이지가로드됩니다. normalize.css와 같은 cssreset 라이브러리를 사용하여 여러 브라우저에서 기본 스타일을 표준화 할 수도 있습니다.
IE8 이하를 포함합니까? – Vucko
이 질문은 너무 광범위합니다. 이 주제에 대해 전체 서적을 작성할 수 있습니다. – jfriend00