| 個人網(wǎng)頁制作設(shè)計，個人網(wǎng)站制作流程，網(wǎng)站制作費用 發(fā)布時間：2016-07-17 00:15:32 |
個人網(wǎng)站制作的建站技巧
如何讓瀏覽器判斷設(shè)備尺寸呢? 有兩種方式，一種是直接在link中判斷設(shè)備的尺寸，然后引用不同的css文件，棄用。原因是博客CSS文件不大代碼也不多，不需要多個CSS文件，也能減少并發(fā)。 第二種就是我現(xiàn)在用的這種，請直接查看本站CSS文件， 核心代碼來了，開始研究響應(yīng)式web設(shè)計朋友，CSS3 Media Queries是入門。 在CSS中加入語句： @media screen and (max-width: 600px) { /*當屏幕尺寸小于600px時，應(yīng)用下面的CSS樣式*/ 大家可以看到我博客里有多個判斷，1024px，768px，650px，500px，400px，350px。 這意味著寬度在1024px以下的屏幕，我博客會呈現(xiàn)六種不同的效果。但為了保證網(wǎng)頁的連續(xù)性與完整性，同時也是圖省事，下面六個CSS幾乎相同。 唯一不同的是加入了display:none，不顯示某些內(nèi)容。所以通過CSS觀察發(fā)現(xiàn)，屏幕越小，顯示的內(nèi)容就越來越少。 這也是文章開頭為什么pad和移動端顯示的界面不同的原因之一。 要注意的是由于網(wǎng)頁會根據(jù)屏幕寬度調(diào)整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要，否則會出現(xiàn)橫向滾動條。
參考代碼： 總結(jié)： 只要制作兩個導(dǎo)航，能看懂CSS文件就可以搞定，照貓畫虎，人人都能做出響應(yīng)式的網(wǎng)頁設(shè)計，看似很難，實際上很簡單。服務(wù)器空間不推薦使用wordpress、godaddy等一系列國外虛機/VPS，具體原因不能多說。建議用國內(nèi)的各種云做個備案。如果確實需要一個域名：購買域名途徑很多，建議比較一下國外域名商與國內(nèi)域名商的價格，找到一個合適的分模塊的主題，把不同的內(nèi)容分成幾個分類，在首頁展示每個分類就可以做到。
|
 |
- 云虛擬主機
- 購買云虛擬主機
- 云虛擬主機優(yōu)勢
- M型云虛擬主機
- G型云虛擬主機
- 海外云虛擬主機
- 數(shù)據(jù)空間
- SQL數(shù)據(jù)空間
- 魔方主機
- 購買魔方主機
- 魔方主機概念和優(yōu)勢
- 魔方主機功能列表
- 企業(yè)郵箱
- 購買企業(yè)郵箱
- 企業(yè)郵箱優(yōu)勢
- 企業(yè)郵局后臺管理功能
- 企業(yè)400電話
- 400電話申請
- 關(guān)于400電話
- 400資費標準
- 400特點與優(yōu)勢
- 400常見問題
- 網(wǎng)站優(yōu)化（套餐）
- 網(wǎng)站優(yōu)化全包套餐（年付）
- 關(guān)鍵詞優(yōu)化套餐，可選（年/季/月）付
- 多引擎（關(guān)鍵詞按天扣費）
- （百度/360/搜狗/搜搜/有道）按天扣費
- 百度（關(guān)鍵詞按天扣費）
- 百度關(guān)鍵詞按天扣費
