iPad 3 Webapp在移動Safari中崩潰

我一直在調試我們的Web應用程序幾天，我不確定是什麼導致它在移動Safari中崩潰。該應用程序在iPad2上出色地工作，但由於某種原因它在iPad3上崩潰。我評論了每一段代碼，看起來問題是元素上的絕對定位。這是我的部分代碼。iPad 3 Webapp在移動Safari中崩潰

.page .main-content .study-bo { 
    background: #F4F4F4; 
    border-top: 1px solid #D1D1D1; 
    border-bottom: 1px solid #D1D1D1; 
    width: 644px; 
    position: absolute; 
    top: 501px; 
    left: 0px; 
    padding: 30px 40px; 
    z-index:500; 
    -webkit-transition: top .5s ease-in-out; 
} 
.page .main-content .study-bo .text { 
    width: 100%; 
    height: 100%; 
    position: relative; 
    left:auto; 
} 
.page .main-content .study-bo p { 
    font-family: "FrutigerRoman"; 
    font-size: 12px; 
    color: #000000; 
    margin-bottom: 15px; 
} 
.page .main-content .study-bo .study-design { 
    width: 92px; 
    height: 20px; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199, 199, 199, 1)), color-stop(100%,rgba(167, 167, 167, 1))); 
    -webkit-border-radius: 5px 5px 0px 0px; 
    border: 1px solid #999; 
    font-family: "FrutigerItalic"; 
    font-size: 13px; 
    color: white; 
    text-shadow: 1px 1px 0px #8E8E8E; 
    filter: dropshadow(color=#8e8e8e, offx=1, offy=1); 
    text-align: center; 
    padding-top: 4px; 
    -webkit-box-shadow: inset 0px 1px 0px 0px #e5e4e4; 
    position: absolute; 
    top: -26px; 
    font-style: italic; 
    z-index: 50; 
    left: 44px; 
} 
.page .main-content .study-bo .study-design .btn.active { 
    background: #6c6a6a; 
    text-shadow: 1px 1px 0px #434343; 
    filter: dropshadow(color=#434343, offx=1, offy=1); 
    -webkit-box-shadow: inset 0px 1px 0px 0px #9e9d9d; 
}

在正在使應用程序崩潰的代碼的部分是：

position: absolute; 
    top: 501px; 
    left: 0px;

我不知道這是否是一個蘋果的錯誤？我有多個元素定位絕對沒有問題。如果我註釋掉這三條線（並且只有那三條線），該應用就可以工作。我試過註釋掉我的代碼的其他部分，並保留這三行，並且它不起作用。任何人有任何建議？謝謝！

來源

2012-06-08 user1445097

它可能是一個錯誤，但很難說，沒有親眼看到和探索webapp。我會嘗試與佈局撥弄嘗試：

獲得相對定位的工作，而不是絕對的，
使用百分比，而不是在頂部的像素和左屬性，
與浮動工作：左或浮動：權，保證金或填充，而不是絕對定位，
你的其他CSS之前使用一個CSS復位/正規化，像normalize.css，看看是否能神奇地解決了這個問題，
或作爲最後手段，看看不會強迫你的另一種佈局在這裏使用絕對定位。

這些都是黑暗中的鏡頭，但也許他們會幫助。

來源

2012-12-21 15:19:48

iPad 3 Webapp在移動Safari中崩潰

回答

相關問題