網(wǎng)頁(yè)適應(yīng)怎么做?
時(shí)間:2024-02-08 11:40:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2024-02-08 11:40:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)
網(wǎng)頁(yè)適應(yīng)怎么做?:如果是PC端的網(wǎng)頁(yè)的話。在設(shè)計(jì)稿方面(就是你的工作),一般會(huì)分為兩類內(nèi)容。有效區(qū)域和自適應(yīng)區(qū)域。
1.有效區(qū)域
有效區(qū)域的內(nèi)容就是需要設(shè)計(jì)稿適配到分辨率最小的屏幕(具體多大根據(jù)公司需求)?,F(xiàn)在比較慣用的有效區(qū)域?qū)挾瘸叽鐬?200像素。這1200像素的內(nèi)容始終顯示在屏幕的水平居中位置。如果用戶的屏幕尺寸大于1200,則有效區(qū)域的兩側(cè)會(huì)出現(xiàn)留白。如果屏幕尺寸小于1200,則屏幕可橫向滾動(dòng)。你的工作就是有效區(qū)域在設(shè)計(jì)稿的水平居中位置,兩側(cè)留白即可。
2.自適應(yīng)區(qū)域
自適應(yīng)區(qū)域一般是跟隨屏幕寬度變化,就是屏幕不論多寬,自適應(yīng)區(qū)域的左右邊界始終是和屏幕的左右邊界對(duì)齊的。你這里只需要將該區(qū)域的左右邊界對(duì)齊設(shè)計(jì)稿的左右編輯對(duì)齊即可。支付如何跟隨屏幕尺寸變化,就是前段的工作了。想企業(yè)官網(wǎng)的抬頭,輪播圖,這些一般都屬于自適應(yīng)區(qū)域。
這些其實(shí)你多瀏覽些優(yōu)秀的網(wǎng)站,然后結(jié)合自己公司的需求,并不難確定。