2012-10-21 85 views
0

在桌面瀏覽器上完美呈現這是我的截圖如何優化網站,移動

enter image description here

一切看在桌面瀏覽器大。但是當我在移動瀏覽器上查看時,佈局變得非常小。所以我錯過了html/css代碼中的某些東西,因爲這個網站基本上只使用純html/css而沒有任何幻想。

任何人都可以指出我嗎?謝謝

回答

2

請務必將您<head>裏面以下視窗meta標籤,否則文本太小:

<meta name="viewport" content="width=device-width, initial-scale=1"> 
1

當瀏覽器窗口大小低於@media queries時,調整元素大小。

@media screen and (max-width: 500px) { 
    div { 
    width: 400px; 
    } 
} 
+1

+1尼斯提示過,當你需要更有針對性的控制:-) – Nelson

0

其實移動視圖優化的網站是一個詳細和廣泛的話題,但對於你的情況,我的建議是增加你的字體一點。