2012-03-24 5 views
0

나는 최근에 웹 사이트를 만들었습니다 : www.hauswoods.com유체 레이아웃 - 레이아웃 보존

사이트는 표준 화면에서 잘 보이지만 휴대 기기에서는 끔찍합니다. 나는 너비를 %로 변경하여 유동적으로 사이트를 조정하려고 시도했지만 레이아웃이 올라간다.

사람이 분명 친절하게도 모바일 장치 및 표준 화면 모두에서 현장을 살펴보고 있으면 내가 해결하기 위해 노력하고있어 두 가지 문제가 발생 :

1) 탐색 - 내가 무엇을해야 모바일에서와 같이 네비게이션을 유지하기 위해 두 배나 높게 나타나고 너비는 화면에 맞게 조정되지 않습니다.

2) html 문서의 내용은 두 개의 요소 인 단락과 이미지 요소가 오른쪽으로 떠있는 홀더 div입니다. 모바일에서는 패딩이나 마진이없는 것처럼 보이며 가장자리가 잘리는 것처럼 보입니다. 기본적으로 레이아웃은 모바일에서 엉망이되어 어디서부터 시작해야할지 모르겠습니다.

+0

휴대 기기가 무엇인지 말할 수 있습니까? 나는 방금 Android에서 Dolphin Browser와 Opera를 확인했습니다. 처음에는 한 페이지가 꽤보기가 좋았습니다 (배경과 약간의 사소한 문제가 있었지만, 화면 종횡비 때문이었습니다). 두 번째 애니메이션 갤러리 스크립트에서 일부 엉망이 원인과 함께로드 실패하지만 나머지는 그리 나쁘지 않습니다. 어쨌든 휴대 기기 용으로 별도의 CSS를 사용하는 것이 좋습니다. 좀 봐 주셔서 감사합니다. – DzikiMarian

+0

. 나는 아이폰과 ipad에서 사이트를보고 있었다. 그럼에도 불구하고 모든 브라우저에서 작동하지 않는 일부 코드는 html5 및 css3 기능을 사용하려고 시도했음을 알고 있습니다. 나는 또한 내가 의심되는 초심자이다. 그렇습니다. 가까운 장래에 모바일 용으로 별도의 스타일 시트를 만들 겠지만, 그 사이 작은 화면에서 사이트가 디자인 된 것처럼 보이게하는 것이 좋을 것입니다. –

답변

0

모바일에이 사이트에 대한 seprate CSS를 만들지 만 좋은 기법이 아닙니다. UR 사이트에 html5 유체 템플릿을 사용해야합니다. 그런 다음 ur web.u에 대한 seprate 디자인이 필요하지 않습니다. 하나의 CSS를 누른 다음 컴퓨터 및 태블릿뿐만 아니라 모바일과 호환 가능