能不能按照屏幕尺寸自適應(yīng)呢？其實很簡單，一般PC端網(wǎng)站的尺寸以14吋筆記本為主，寬度過寬，會造成部分內(nèi)容顯示不出來。
主流網(wǎng)頁寬度尺寸
無論哪種客戶端，現(xiàn)在的智能機(jī)的分辨率都較高，即使1000px以上，也能通過放大適應(yīng)。
PC端能兼容寬度尺寸主要有960px，1100px，1190px，甚至達(dá)到2000px等，沒有規(guī)定使用哪種規(guī)格，不建議低于800px。
手機(jī)端能兼容寬度尺寸主要有320px，600px，800px等，由于字體大小的緣故，手機(jī)端訪問PC端的網(wǎng)站時會難操作。
平板端能兼容寬度尺寸主要有760px，800px，1100px等，操作上比手機(jī)端方便，與PC端沒太大的區(qū)別。
解決兼容方法
制作一個自適應(yīng)的手機(jī)網(wǎng)站，就是寬度全部弄成百分比嗎？一般來說，PC站沒必要弄能百分比，PC端和手機(jī)端的優(yōu)化方式也不一樣。手機(jī)端訪問速度要快，需求度集中，圖片不宜過多，一般PC端的頭部是這樣寫的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
把頭部改成以下就可以適應(yīng)手機(jī)端了。
<!DOCTYPE HTML PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
自適應(yīng)形式
形式比較多，比如本站用的是純CSS3自適應(yīng)PC和移動端，由于博客類圖片和JS都較少，并做了基礎(chǔ)優(yōu)化，因此PC和移動端訪問速度不受影響，如果是用html5寫的網(wǎng)站比較好處理，其實用非html5的網(wǎng)站寫的網(wǎng)站一樣能有華麗效果。感興趣的可以去找找html5的網(wǎng)站。
