2012-04-14 3 views
0

친구를위한 웹 사이트를 만들고 있는데, 조금 더 많은 내용을 제외하고는 거의 완료되었습니다.하지만 이제는 아이폰에서 제대로 보이지 않는다고 말합니다. 사파리, 오페라, IE, 크롬, 파이어 폭스, 노트북, 안드로이드 폰, 웹 기반 아이폰 에뮬레이터 등에서 확인했다. 나는 그에게 다른 누군가의 아이폰을 확인시켜달라고했고, 문제 중 하나는 간다.하지만 나머지는 남아있다. 내 사이트는 HTML과 CSS만으로도 기본이지만, 처음에는이 코드를 처음 접했을 때가 더 좋았을 것입니다.웹 사이트는 iphone 이외의 모든 것에 잘되는 것처럼 보입니다.

첫 번째 문제는 그의 아이폰이 보여주는 헤더 위에 상단에 균등하게 간격을 둔 5 개의 빨간 벽돌이 가장 잘 묘사되어 있다는 것입니다. 이것은 그의 동료 아이폰에 표시되지 않습니다.

두 번째 문제는 "제품"페이지의 그림 아래에있는 오른쪽 열의 텍스트가 제대로 정렬되어 있지 않다는 것입니다. 이는 동료 인 아이폰의 경우입니다. 필자는 여기서 수행해야 할 작업을 모릅니다. 필자가 사용했던 패딩을 변경하면 모든 다른 브라우저/장치에서 제대로 작동하지 않을 것이기 때문입니다.

내가 여기에 게시하는 것이 가장 좋을지 모르겠다. 사이트의 전체 코드가 너무 많아 보이지만 답변을 얻는 데 도움이 필요한 것이 무엇인지 알려주십시오. 제품 페이지의 사이트 주소는 http://www.doortodoordrinksyork.com/products.html

입니다. 저는 이렇게 대답하지 않으므로 대답을 간단하게하십시오.

미리 감사드립니다.

데이비드.

추신 : 내가 사이트에 표시되는 방법을 알려주는 아이폰을 갖고 계신 분께 감사드립니다.

답변

0

Mac을 사용하는 경우 XCode과 함께 제공되는 iOS 시뮬레이터 도구를 사용하여 가상 iPhone/iPod에서 사이트를 테스트 할 수 있습니다. 내장 브라우저의 다른 버전을 비교할 수도 있습니다. 이는 내 친구의 기기가 다른 브라우저와 다른 점이 있다고 생각합니다.

일반적으로 잘 만들어진 사이트는 휴대 기기에서 수정없이 작동하지만, 다른 규칙으로 특정 화면 크기를 타겟팅 할 수있는 CSS 기능인 media queries을 살펴볼 수 있습니다.

관련 문제