爲黑莓Curve優化網站（在iOS/Android中保持相同）

我創建了一個移動版網站 - 簡單的表格HTML和稀缺的CSS。在iOS和Android中呈現出色，我甚至使用Meta Width Set來跨設備寬度。因此，它甚至在黑莓的寬度明智 -爲黑莓Curve優化網站（在iOS/Android中保持相同）

但是，我遇到了一個巨大的問題 - 該網站，因爲一些黑莓的奇怪原因 - 需要一個縮放（雖然不需要），才能夠訪問鏈接或閱讀文本。我瞭解黑莓資源約爲480px - 和iOS900的東西，對吧？任何關於保持iOS，Android和Blackberry的寬度的建議 - 同時不要強制用戶在Blackberry上放大（使用縮放圖標）？這是一個Javascript的東西，（希望不是）PHP /服務器端的東西？

最後，如何創建一個網站的移動版本 - 即維持的iOS，Android的渲染很好，而且在BB不給用戶「縮放>點擊>內容」，但只是正常瀏覽它，'點擊>內容'。但是也不要求我縮小它在iOS/Android中顯示的大小？

本網站設置的方式是最終目標; http://lisaunger.mobi/它渲染到處，完全像我試圖呈現我的 - 不知道如何，但。

請給我任何建議，因爲我明天會測試它們。

黑莓是：曲線8520 v4.6.1.259 2009年

下面的代碼我在此刻：

標記：

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" 
"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

    <head> 

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 

<meta name="HandheldFriendly" content="true"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 



<link rel="stylesheet" media="all" href="mobilesub.css" /> 

</head> 

<body> 

<div style="width: 480px;margin: auto;"> 
<div> 

    <a href="index.html"><img src="img/logo.png" border="0"/></a> 
    <br /> 

</div> 


    <div> 

    <a href="books.html"><img src="mobile buttons/books_off.png" border=0 /></a> 

    </div> 

    <div> 


    <a href="news.html"><img src="mobile buttons/news_off.png" border=0 /></a> 

    </div> 

    <div> 

    <a href="app.html"><img src="mobile buttons/app_off.png" border=0 /></a> 

    </div> 

    <div> 

     <a href="about.html"><img src="mobile buttons/about_off.png" border=0 /></a> 

    </div> 

    <div> 

    <a href="videos.html"><img src="mobile buttons/videos_off.png" border=0 /></a> 

    </div> 

    <div> 


    About 

<br /> 

The New York Times bestseller 

Contact 




</div> 

    <div> 
    </div> 
    </div> 

</body> 


<script type="text/javascript" src="http://m.link.me/tracker.js"></script> 
</html> 

<script type="application/x-javascript"> 
    if (navigator.userAgent.indexOf('iPhone') != -1) { 
addEventListener("load", function() { 
setTimeout(hideURLbar, 0); 
    }, false); 
    } 

    function hideURLbar() { 
window.scrollTo(0, 1); 
    } 

</script>

CSS

body { 

padding: 0px; 
margin: 0px;  
background-color:#000; 
width: 100%; 
text-align: center; 
color: #fff; 

} 

.center-display { 
    margin-left: auto; 
    margin-right: auto; 
} 

#content { 

} 


#h6 { 

font-size: 26px; 

} 

div { 

    margin: 0px; 
    padding: 0px; 
}

更新：將網站寬度設置爲320px，並添加元初始縮放可讓縮放消失並在黑莓中呈現其應有的樣式 - 但最終會採用iOS和Android的方式 - 現在，網站縮放通過瀏覽器的寬度，導致一些水平滾動 - 非常接近！

來源

2011-10-05 Fred Randall

你應該指定曲線的操作系統版本;操作系統6和7具有良好的瀏覽器，老的是着名的虛假 – Gabor

我想弄清楚它是什麼樣的操作系統;但是曲線8250 –

我認爲這是它; v4.6.1.259 –

-1

你試過來定義設備的網站 - 所以，如果我會去我的BB網絡這將是在這種情況下小，所以用戶不會需要做變焦 this可能有助於

來源

2011-10-05 03:25:40 Elad

寬度對我設置的Meta標籤來說很不錯 - 但不管寬度是多少，它適合或不適合多麼完美 - 它仍需要「縮放點擊>內容」，然後才能點擊鏈接。即使它只是放大1-3像素，它也會強制用戶去做。 –

- ' – Elad

我無法嘗試那個;刪除'zoom'的支持被切斷了，下次我只是要響應地設計CSS媒體查詢，我假設這是最好的解決方案 - –

爲黑莓Curve優化網站（在iOS/Android中保持相同）

回答

相關問題