優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利

新聞動(dòng)態(tài)使用CSS3實(shí)現網(wǎng)頁(yè)自適應

        使用CSS3實(shí)現網(wǎng)頁(yè)自適應并使得不同瀏覽終端設備之間更容易實(shí)現無(wú)障礙切換。隨著(zhù)移動(dòng)端網(wǎng)絡(luò )用戶(hù)數量的大幅攀升,對網(wǎng)絡(luò )頁(yè)面的適應性提出了更高的要求。在初期,一直都是為固定端設計的頁(yè)面,從最初的稍低像素尺寸發(fā)展到后期的大尺寸頁(yè)面,再到后期的頁(yè)面寬度居中。然而,移動(dòng)端用戶(hù)早期瀏覽的網(wǎng)絡(luò )頁(yè)面依舊是適宜于固定端的頁(yè)面設計。后來(lái),慢慢出現了檢測瀏覽器終端的程序代碼,讓瀏覽者自行選擇觸屏版、電腦版和客戶(hù)端下載。也就是說(shuō),商家要設計多個(gè)版本的網(wǎng)站以應對用戶(hù)的瀏覽終端的隨意性需求。

        技術(shù)智力又作用于設計思維從而形成設計方法論??茖W(xué)技術(shù)不僅為設計師提供了新的設計手段、設計對象和設計材料,而且為設計師定義了思考方式和創(chuàng )新途徑。平面視覺(jué)傳達意義上的布局相對繁復,網(wǎng)頁(yè)視覺(jué)中的所謂布局其實(shí)就是大小和位置。簡(jiǎn)而言之,就是每一個(gè)DIV的寬、高尺寸和定位位置。我們看到的每一個(gè)網(wǎng)頁(yè)頁(yè)面都是由無(wú)數個(gè)DIV組成,這些DIV是怎樣的包含關(guān)系、并列關(guān)系、嵌套關(guān)系,以及是怎樣的邊距與間隔關(guān)系,我們都需要定義和布局。CSS3除了既有的absolute、relative、fixed之外,還有static 。

        另外還有float。更為重要的是,CSS3實(shí)現可以計算的自適應布局——calc()。頁(yè)面設計時(shí)可以使用calc()給元素的margin、pading、width等屬性賦值,而且還可以在一個(gè)calc()內部嵌套另一個(gè)calc()。其語(yǔ)法也不復雜,就是使用數學(xué)表達式,該表達式可以包含四則運算、百分比以及px、em、rem等單位,而且可以混用多種單位計算。calc其實(shí)是calculate的縮寫(xiě),運用此種運算設定,就可以消除添加邊距或者邊框帶來(lái)的常見(jiàn)問(wèn)題,從而實(shí)現自適應瀏覽設備的寬度。

本文地址:http://havencoinwallet.com//article/21851.html
相關(guān)文章:
最新文章:
国产免费丝袜调教视频爱剪辑|国产小受18asian|国产福利91精品一区二区三区|久久久青草大香|欧美丰满熟妇xxxx性