2011-11-17 75 views
1

我一直在使用iwebkit框架,它很棒。但是,我正在使用現有的PHP函數爲客戶構建一個Web應用程序,供客戶購買產品。IWebkit和HTML表格不能渲染到屏幕尺寸

我遇到的唯一問題是這個。現有的代碼使用for循環將數據從我們的數據庫吐出到HTML表格中。我可以通過並將其更改爲iwebkit列表類,但該函數大約有500行代碼,其中包含數百個<td><tr>標記,正如您所看到的,替換這些代碼將會是一個巨大的痛苦。

問題是,它所吐出的表的右側部分在移動設備上被切斷。現在表格是標準的,沒有CSS格式。我嘗試使用像素和百分比重新調整大小,但由於某種原因表格縮小但不適合視口,並且即使右側有空閒空間也仍然被剪切掉。

無論如何要格式化移動設備的標準HTML表格以適應屏幕?

回答

0

我發現這對整合移動設備的替代CSS很有用。從您的描述來看,聽起來很像是周圍的元素或表格本身可能存在一些干擾性邊距/填充。我相信表格會自動呈現一些填充/邊距組合,所以這將是我首先要檢查的內容。

http://perishablepress.com/the-5-minute-css-mobile-makeover/

。希望fixs您的問題!