2017-08-24 171 views
-6

我想做一個網站設計相對於手機的屏幕寬度和高度。我是這樣做的:手機的確切屏幕寬度和高度是多少?

@media screen and (max-width: ...) and (max-height: ...) {...} 

我想要得到的數目儘可能完美,所以如果有人知道什麼分辨率的手機有,或與此有關的任何其他設備,請讓我知道。

+0

一種選擇是隻使用百分比。寬度:100%;和高度:100%; – yoursweater

+3

移動設備有許多不同的尺寸和分辨率。我的Galaxy S8 +支持六種或七種不同的屏幕分辨率。沒有*所有的尺寸*。你有沒有看過多款平板電腦或手機?有幾百種可能性,我們當然不打算在這裏爲你列出所有人的名單。 –

+3

我投票結束這個問題作爲題外話,因爲這個問題的前提是不可能的。 – ceejayoz

回答

3

每部手機都不一樣。沒有標準。

爲此,您的媒體查詢的設計應考慮到斷點,而不是精確的尺寸,以適應各種類別的各種設備。你如何做到這一點超出了這個問題的範圍,並且太寬泛以至於無法在堆棧溢出中被遠程充分地覆蓋。Q & A.

+1

歡迎來到Stack Overflow!請不要回答明顯的題外話題,因爲它......哦等等 –

+0

@CodyGray如果你有人的回答有問題,請將它標記爲版主attent ...哦。 – ceejayoz

0

您將無法僅通過一個媒體查詢來定位所有電話。我通常開始使用百分比,並使其從480或更低的寬度變得靈活。高於我想要一些控制並設置多個媒體。

相關問題