石家莊手機網站制作移動設備正超過桌面設備,成為訪問互聯網的最常見終端而且手機屏幕的大小也不一用戶量比較大的ihpone4 5 屏幕大小只有3.5寸和4寸,而國產大部分手機的屏幕已經達到4.7寸以上了。于是,網頁設計師不得不面對一個難題:如何才能在不同大小的設備上呈現同樣的網頁?
在通常我們做電腦PC版網站的時候設計頁面寬度就是以滿足最低標準1024分辨率寬度;通常會采用標準960px寬;而隨著現在的發展屏幕大小也逐漸增大,所以這樣也不能很好的解決大屏幕的顯示效果;這個寬度在手機設備中顯然是不能很好的呈現網站內容的;所以也有很多設計師采用不同設備設計不同的頁面;這樣做是非常麻煩;
解決方案: 百分比設置最大寬度此方案可以適用于手機網站設計;
寬度我們以百分比來定義設置最大寬度640px max-width:640px;不管設備屏幕多大都按設定的百分比來顯示;在手機網站還是可以的,因為目前來說手機最大的屏幕和最小的屏幕相差不會大太;然后通過以在head中添加以下元素來定義滿屏顯示控制縮放
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />