在使用meta標(biāo)簽設(shè)置視口時(shí),可以在content屬性中添加一些參數(shù),其格式為“參數(shù)名=參數(shù)值”,多個(gè)參數(shù)用“;”分開(kāi)。以前面演示過(guò)的“width=device-width”為例,width就是參數(shù)名,device-width是參數(shù)值。查看全文>>
在傳統(tǒng)的PC端網(wǎng)頁(yè)開(kāi)發(fā)中,并沒(méi)有使用過(guò)meta標(biāo)簽來(lái)設(shè)置視口,此時(shí)瀏覽器會(huì)按照默認(rèn)的布局視口寬度來(lái)顯示網(wǎng)頁(yè)。如果我們希望自己開(kāi)發(fā)的網(wǎng)頁(yè)在瀏覽器中以理想視口的形式呈現(xiàn),就需要利用meta標(biāo)簽設(shè)置視口。查看全文>>
視口(Viewport)是移動(dòng)Web開(kāi)發(fā)中一個(gè)非常重要的概念,最早是由蘋(píng)果公司在推出iPhone手機(jī)時(shí)發(fā)明的,其目的是為了讓iPhone的小屏幕盡可能完整顯示整個(gè)網(wǎng)頁(yè)。通過(guò)設(shè)置視口,不管網(wǎng)頁(yè)原始的分辨率尺寸有多大,都能將其縮小顯示在手機(jī)瀏覽器上,這樣保證網(wǎng)頁(yè)在手機(jī)上看起來(lái)更像在桌面瀏覽器中的樣子。查看全文>>
響應(yīng)式頁(yè)面指的是同一頁(yè)面在不同屏幕尺寸下實(shí)現(xiàn)不同的布局,從而使一個(gè)頁(yè)面兼容不同的終端。這里所說(shuō)的終端主要包括PC端和移動(dòng)端,它們的分辨率以及屏幕大小都是不同的。查看全文>>
在CSS中偽類(lèi)一直用: 表示,如 :hover, :active等,偽元素在CSS1中已存在,當(dāng)時(shí)語(yǔ)法是用 : 表示,如 :before 和 :after,后來(lái)在CSS3中修訂,偽元素用 :: 表示,如 ::before 和 ::after,以此區(qū)分偽元素和偽類(lèi)。由于低版本IE對(duì)雙冒號(hào)不兼容,開(kāi)發(fā)者為了兼容性各瀏覽器,繼續(xù)使使用 :after這種老語(yǔ)法表示偽元素。查看全文>>
px像素(Pixel)。絕對(duì)單位。像素 px 是相對(duì)于顯示器屏幕分辨率而言的,是一個(gè)虛擬長(zhǎng)度單位,是計(jì)算機(jī)系統(tǒng)的數(shù)字化圖像長(zhǎng)度單位。查看全文>>