2014-02-23 48 views
1

看來,主頁http://nosy-x.com是完美的工作,通過顯示 與Firefox和鉻 - 但只有在臺式電腦。如何在Android上實現主頁的最佳展示?

在Internet Explorer中顯示不正確,而不是在Android版本的Firefox和Chrome中。顯然這並不直接與我的代碼有關,它看起來好像在Firefox和Chrome中顯示的Android-Browsser代碼與桌面計算機(關於顯示主頁)的代碼不同。

我可以在Android中爲Chrome和Firefox添加正確顯示的通用代碼嗎? 這是怎麼回事?!

目前瀏覽器和圖形文件(像素)之間的關係不正確嗎?所有瀏覽器都有不同的輸出在他們的顯示器有關像素的網站裝備...

thx。

回答

1

我不太確定你的問題是什麼,但爲了使網站響應並使其在不同屏幕上顯示你想要的方式,CSS媒體查詢是一個很好的開始。看看這裏:http://www.w3schools.com/css/css_mediatypes.asp

+0

已經在這裏找到了這個 - 但在這個代碼的解決方案有沒有影響:http://stackoverflow.com/questions/3292140/how-to-make-sure-a-website-is適合所有屏幕的解決方案 - 我的網站http://nosy-x.com的主要問題是 - 刪除右側的空白區域,在Android中左側「吞噬」。 thx爲你的鏈接:) – dschinn1001

+0

要刪除空白,你必須改變你的身體。它現在設置爲1600px,並且比大多數屏幕更大。所以刪除身體(或將其設置爲100%)。然後我可以看到你有一些絕對位置的橫幅,這可以防止站點橫向偏移。所以如果你可以使用相對位置,他們會根據彼此移動。這將意味着您必須更改一些邊距屬性,但您可以縮小網站。 – DeSoto

+0

thx非常多 - 已經嘗試過「親戚」 - 但之後所有的橫幅在彼此之上(就像一堆 - 現在我明白了......那是px中的數字,而不是100%!)。已經在身體中設置爲100%,而不是px中的數字。這樣效果更好,但仍然在Android中與橫幅左側中斷。右側是固定的,但用「焊縫」看起來不太好。它看起來好像壁紙沒有正確的格式,並且應該用更高的寬度創建新的壁紙。然後下一次嘗試與100%相關。你救了我的月。 ;-) – dschinn1001

相關問題