1. 首頁
  2. 問答
  3. CSS iPad上查看佈局

CSS iPad上查看佈局

2012-08-02 88 views
1

了樣品在這裏設立：http://codepen.io/rctneil/pen/myxDc和整頁樣品在：http://codepen.io/rctneil/full/myxDcCSS iPad上查看佈局

在該示例中，我有內它.container頭，頭是全寬度和.container固定到一個特定的寬度。

如果將寬度設置爲980像素或更少，那麼該頁面會在iPad上很好地渲染，如果將該寬度設置爲大於980像素，則會在右側出現錯誤空間。

我以爲iPad上的默認佈局模式是，如果一個元素比視覺視口更寬，那麼視覺視口會縮小直到所有東西都合適，然後允許用戶手動放大頁面的各個部分。我相信，這是我過去爲我工作的方式。

任何人都知道爲什麼網站沒有自動縮小以適合正確？

來源

2012-08-02 rctneil

+0

我認爲第二個答案在http://stackoverflow.com/questions/11306973/ipad-zoom-to-fit-doesnt-work-on-webpage-with-minimal-content將解決您的問題。 – Hbcdev 2012-08-02 17:42:05

回答

0

如果您將頁面的高度設置得足夠大以便需要垂直滾動，它將自動縮小寬度。例如，將.container上的寬度和高度設置爲2000px，並適當縮小頁面。在這種情況下，這可能不是一個可行的解決方案，但這是iPad視口行爲的一個有趣觀察。

我會推薦使用iOS元視口標籤。 http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html

來源

2012-08-02 18:00:01 Jason

+0

這真的很奇怪。我想知道爲什麼當垂直高度不是很高時它不會縮小 - 這是我期望並且實際上希望的行爲。 我想保持寬度=設備寬度，但希望它的行爲如此。如果我設置了一個特定的寬度並且必須執行瀏覽器嗅探，那麼它會感覺混亂和錯誤。 – rctneil 2012-08-02 21:42:53

相關問題

 相關問題