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

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

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

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

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

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