制作一個PC網(wǎng)站需要注意技巧的同時，建設(shè)手機網(wǎng)站也需要注重一些方法。那么，建設(shè)一個手機網(wǎng)站到底要注重哪些細節(jié)呢？比如，建設(shè)一個手機網(wǎng)站，要考慮網(wǎng)站的整體架構(gòu)與不用固定單位布局，而是使用%比 進行布局的問題。電腦網(wǎng)與手機網(wǎng)可以用一套html文件,只不過有些樣式在PC上顯示，有些樣式在手機上顯示。

由于手機網(wǎng)站和PC端網(wǎng)站架構(gòu)上有很大的區(qū)別，手機網(wǎng)站的顯示一般是全屏模式顯示，而PC端的顯示一般是以固定寬度來顯示，如果是大屏幕高分辨率的電腦顯示器，內(nèi)容兩側(cè)可能就會看到留白部分。如PC端固定的寬度通常有960px  980px  1000px  1100px  1170px  1200px  1280px  1440px等，現(xiàn)在做網(wǎng)站通常使用的1000px或1200px。而手機顯示屏都相差不大，一般使用固定的100%來進行布局網(wǎng)站，在同一行中，如果有兩個局域，每個局域可以劃分成50%來排列； 在同一行中，如果有三個局域，每個局域可以劃分成33.3%來排列。

使用html5標(biāo)簽和css3樣式布局網(wǎng)站，手機端與PC端可以使用同一套html文件，這樣會減少后期網(wǎng)站維護的成本，同一個網(wǎng)站后臺可以讓網(wǎng)站管理員只需要添加一次數(shù)據(jù)就行。使用html5和css3布局網(wǎng)站需要注意的是，寫出來的html文件在PC上能夠顯示，有時并不能在手機上很好的顯示，為了解決這個問題，使用display:none進行限制，要么在手機上顯示，要么在PC端上顯示，這樣就相當(dāng)于寫了兩個容器盒子。在css層疊樣式表中，使用@media only screen and (max-width: 1920px){這里寫css樣式}進行限制，如手機的顯示可以限制在@media only screen and (max-width: 768px){  }，這種辦法很好的解決了不同分辨率與不同設(shè)備顯示效果的問題。

織晶網(wǎng)絡(luò)是廣州市番禺區(qū)一家專業(yè)的網(wǎng)站建設(shè)公司，如果您最近有建網(wǎng)站的需要，請聯(lián)系我們的工作人員，為您竭誠服務(wù)。電話：020-23315165

上一篇：設(shè)計一個網(wǎng)站需要注意的其他細節(jié)

下一篇：從訪客需求反推網(wǎng)站制作的需求