2013-08-20 16 views
-1

開發人員在我們的網站上製作了新的結賬部分,但頁面尺寸與iPad或智能手機無法匹配。結賬按鈕和頁面上的重要元素需要被買家看到,但他們正在被關閉(頁面右側三分之一處被截斷) -新結賬頁面將不會調整到iPad和手機

我一直在簡單地研究一個簡單的答案 - 我們網站的其餘部分使用表格,本節僅使用css和div - 這就是爲什麼它不會自動執行它?我不是在談論媒體查詢 - 只是整個頁面的大小自動調整到屏幕寬度...

我不想使用滾動條,但即使這個解決方案在這一點上會給訪問者實際上的能力在這些網頁結帳...

任何人都可以幫忙嗎?這將不勝感激..如果它更復雜,這很好,但我懷疑可以做一些事情,使頁面適合(和放大,如果需要的話)或(gasp)滾動..很容易。

非常感謝您的幫助!

+0

發佈您的網站的網址 –

回答

0

好的,該部分不允許滾動,因爲從CSS樣式表中禁用。

您可以通過編輯css來取回滾動。在css文件中查找.section的樣式。它將有一個overflow: hidden;屬性。 (這似乎是存儲在文件screen.css,線435)

overflow: auto;

替換它,那麼你就可以做水平滾動。但最終,這不是一個真正的解決方案。由於看起來你不是一個編碼器,你需要讓某人重新創建你的網站的樣式,以便使其實際響應。

我建議你在你的網站上使用bootstrap,它可以用來創建一個響應式導航。

+0

感謝您的幫助 - 我同意它不是最好的解決方案,但TPTB決定不支付額外的「移動」兼容性。我唯一的問題是 - 我們的整個網站不是「移動」設計的,但整個網站頁面至少縮小到屏幕上並可以放大。再說一次,不是最好的解決方案,但至少可以使用它,直到他們同意花費所有費用來優化移動設備。我將改變CSS中的滾動 - 感謝您的洞察力,Chris。 – Promo

+0

改變了CSS但它沒有修復它 - – Promo

+0

@PledgeK。不,我剛剛檢查過。你的'/ styles/2013redesign/screen.css'文件在435行仍然有'overflow:hidden;'。您需要將其更改爲'overflow:auto;' –