2013-02-25 12 views
0

저는 반응 형 웹 디자인에 익숙하지 않고 지침을 찾고 있습니다. 내 문제는 누락 된 구성 요소를 낳습니다. 바닥에 소셜 미디어 아이콘이있는 바닥 글이 있으며 바탕 화면에서 iPad 크기로 크기를 조정하면 볼 수 있습니다. 그러나 실제 iPad를 사용하면 아이콘이 표시되지 않습니다.iPad에서 볼 때 반응 형 웹 디자인에 구성 요소가 없습니다.

iPad에서 충분히 빠르게 새로 고침하면 바닥 글 아래에 테두리가 표시되어 Z- 색인으로 재생됩니다. 불운. 아마 브라우저 일 뿐이라고 생각했지만 여전히 운이 없다.

뭔가 내려다 보입니까? 다양한 크기에서 볼 http://liannesuggitt.com/test/portfolio/

때 : : 여기

는 테스트 사이트입니다

http://ami.responsivedesign.is/?url=http://www.liannesuggitt.com/test/portfolio/

이 중 하나는 실제 아이 패드에서 볼 경우, 바닥 글에 아이콘이 사라 졌어요 .

미디어 쿼리를 사용하고 있습니다.

도움을 주셔서 감사합니다,

+0

나는 문제의 근원이'position : fixed'와'z-index' 속성이라고 생각합니다 ... 제 생각에이 문제는'footer'의 내용을'bar '. –

+0

예! Bamee, 고쳐 주셔서 고마워요! 이제 화면의 "막대"를 100 % 다시 얻으려면 몇 가지 조정을하십시오. 감사합니다. –

답변

0

Retina iPad입니까? 또한 iPad와 동일한 해상도 (너비)를 모방 한 브라우저 창에서 사이트를 보았습니까? 그렇다면 어떤 브라우저 &은 바닥 글 아이콘이 여전히 누락 되었습니까? 그러면 문제가 iPad에만 해당되는지 아니면 미디어 쿼리 자체에 문제가 있는지가 결정됩니다.

+0

이것은 망막 iPad가 아니며 Firefox에서 iPad의 너비까지 축소되면 아이콘이 그대로 유지됩니다. 사프리 (Safri)와 마찬가지로 아이콘은 여전히 ​​존재합니다. –

+0

Bamee 나는 그것을 시도 할 것이다, 잠깐 만요 (나는 아직도 이것에서 조금 천천히 지냅니다) –

관련 문제