2013-02-21 62 views
0

編輯:我設法調整了一個更好的結果,將視口設置爲0.25。但我仍然遇到一些可怕的事情。例如,操作欄設置爲100%,並且只佔屏幕的70%。即使有媒體查詢,網站在智能手機上看起來也不一樣

這裏有個大問題。

我開發一個網站,沒什麼大不了的。但我必須讓它對智能手機反應靈敏。

嗯,我正在使用媒體查詢爲此,窗口調整器使用確切的寬度。

我也在使用div的%值,當然不是高度,而是寬度。

雖然我在Chrome上「模擬」,但佈局運行良好,沒有任何問題。

但是,當我去測試銀河S2例如,看起來真的矮胖。我不知道我能做些什麼才能使它完全一樣。

http://www2.madeinweb.com.br/jobs/adc/prototype/html/

這是個人IM,現在正在研究。正確的媒體查詢是這個:

@media only screen and (min-width : 320px) and (max-width : 640px) {} 
+0

來吧傢伙,我需要一些幫助這裏 – fernandofleury 2013-02-21 15:50:27

回答

0

你有沒有嘗試添加-webkit-min-device-pixel-ratio: 1.5and (orientation : portrait)。 你可以找到手機的像素密度這裏的信息:http://bjango.com/articles/min-device-pixel-ratio/

在你的情況,如果你向下滾動,你會看到Galaxy S2

+0

我設法抓住一個完整的視沒有縮放使用初始/最大比例爲0.1。但這不適用於iPhone/iPod,我仍然有一些矮胖,沒有人回答這個問題。 – fernandofleury 2013-02-21 19:04:01