모든 장치에 대해 하나의 웹 디자인 만들기 - 인형

iPhone 세로 및 가로 웹 디자인 iPad의 초상화와 풍경 디자인 - 단지 하나의 웹 페이지 - 당신이 압도감을 ​​느끼며, 여기에 약간의 안도감이 있습니다.

Safari 웹 브라우저는 인터넷상의 대부분의 웹 사이트를 이들 두 장치에 맞게 특별히 설계되지 않은 경우에도 잘 표시합니다. 일부 또는 모든 웹 사이트에 대해 가장 간단한 옵션을 원할 경우, 바탕 화면과 iPhone, iPad 및 iPod touch에서 "충분 함"을 나타내는 하나의 디자인을 만들 수 있습니다.

하나의 디자인 만 만들려면 다음 지침을 따르십시오.

• Adobe Flash를 사용하지 마십시오. 죄송합니다 - 이것은 플래시 개발자에게는 어리석은 일입니다.하지만 Apple의 입장이 바뀌지 않는 한 Flash로 디자인 된 모든 것은 iOS 기기에서도 작동하지 않습니다. 따라서 귀하의 사이트에서 플래시를 사용하지 마십시오.

• 너비가 980 픽셀을 넘지 않는 디자인을 만듭니다. iPad는 가로 모드에서 1024 픽셀, 세로 모드에서 768 크기의 디자인을 표시하지만 Safari는 페이지를 만들고 너비가 너무 넓지는 않으면 웹 페이지 디자인의 크기를 자동으로 조정합니다.

  960 ~ 980 사이의 픽셀 수를 유지하면 사이트의 크기를 자동으로 조정하려는 경우에 적합합니다. 그러나 이미지의 크기를 자동으로 조정하면 흐릿한 텍스트가 표시되고 디자인을 변경하면 픽셀보다 완벽하지 않을 수 있습니다.

• 페이지 아래로 600 픽셀 이상 확장되는 디자인을 만듭니다. 사이트가 800 x 600 픽셀 해상도의 모니터에 완벽하게 맞으면 iPad에서보기에는 너무 짧습니다. 이 그림에서는 위에서 아래로 600 픽셀 미만으로 들어갈 수 있도록 설계된 웹 페이지에 남아있는 공간의 예를 볼 수 있습니다.

  

"Goldilocks"디자인 옵션 (너무 길지도 짧지도 않음)을 찾으려면 여기에 표시된 것과 같이 페이지를 디자인하십시오. 배우 Yuval David를위한이 사이트에서 iPad는 너비가 970 픽셀이고 위쪽에서 아래쪽으로 거의 2000 픽셀 인 페이지를 표시합니다.

전체 디자인은 1024 픽셀 너비를 채우기 위해 가로 모드에서 자동으로 확대되고 세로 모드에 맞게 768 픽셀로 축소됩니다.

최상의 결과를 얻으려면 iPad 또는 iPhone에서 웹 페이지 디자인을 테스트하여 첫 페이지가 세로 모드에서 전체 화면을 채 웁니다. 또한 텍스트와 이미지가 너무 흐리게되어 자동으로 확대 또는 축소 될 때 읽거나 너무 왜곡되어 보이지 않도록하십시오.