2016-07-25 1 views
1

브라우저 사파리 (인앱)에 몇 가지 문제가 있습니다. 나는 완벽하게 작동하는 웹 사이트 http://www.instylebuzz.com을 가지고 있습니다. 어쨌든 인앱 브라우저 (특히 FB)에서 열면 내 웹 사이트의 다른 버전을 볼 수 있습니다.Safari (인앱) 브라우저 깨는 웹 사이트 렌더링

다른 버전을 말하면 브라우저 버전 (또는 앱 버전), 웹 사이트 스타일이 다르게 보입니다. 모바일, 태블릿 및 데스크톱 버전 간에는 많은 차이가 있습니다. 그러나 그럼에도 불구하고 깨진 스타일 인 이 표시되지 않아야합니다.

내 질문은 간단합니다. 사용자 에이전트가 앱 버전/브라우저/OS 버전별로 변경할 수 있음을 알고 인앱 브라우저를 어떻게 효과적으로 타겟팅 할 수 있습니까? 인앱 브라우저에서 웹 사이트 렌더링을 수정하려면 어떻게해야합니까?

나는이 솔루션에 대해 밤낮으로 검색하고 있는데, 내 문제를 알고 있거나 도움을 줄 수 있다면 매우 친절합니다.

감사합니다,

사이먼

PS : 목적을 위해, 당신은 웹 사이트에없는 카테고리 또는 홈페이지를 포스트 렌더링을 확인해야합니다.

답변

1

이 스레드 이후로 얼마간의 시간이 걸렸습니다. 하지만 문제가 발생하면 해결 방법이 있습니다.

iOS의 Safari (in-app) 및 Safari 클래식에는 기본 브라우저 스타일이 다르므로 일부 CSS 문제가 표시되는 것은 각 브라우저가 CSS를 다른 방식으로 해석하고 있기 때문입니다. 당신이 예상 한 결과.

따라서 다음을 사용할 수 있습니다. Meyer Reset CSS하지만 CSS를 다시 사용하여 모든 것을 다시 좋게 만들 수 있습니다. https://meyerweb.com/eric/tools/css/reset/

사용자 normalize.css https://necolas.github.io/normalize.css/