2021-12-23 11:52:40|已瀏覽:219次
我們看到有些網站使用電腦端或者手機端甚至iPad去瀏覽時體驗都非常好。這就需要我們為了用戶體驗而進行網站的自適應或響應式布局了。響應式與自適應的原理是相似的,都是通過代碼檢測設備屏幕寬度,根據不同的設備加載不同的CSS。
自適應網站的設計稿是一致的,但是設計稿需要考慮屏幕變小時的變化方式。比如一個網站的內容有5個區塊和4個間距,那么如果寬度縮小成900時需要如何變化,這就是自適應布局。比如站酷網、Dribbble等網站都采用了自適應布局。響應式網站則需要設計不同版本的設計稿,然后根據不同的設備提供不同的CSS樣式。比如判定你設備的寬度是750px,那么網站就知道你使用了手機來訪問,就會給你導入一份手機才有的樣式;如果是電腦的寬度就給你導入電腦的CSS樣式。對于設計師來說,自適應需要考慮網站在不同設備寬度下的整除與排版;響應式則需要設計電腦、平板、手機等至少三套設計稿(但這三套設計稿的內容是一致的)。總之,自適應和響應式都是網站為了用戶體驗所適應瀏覽設備而做出的努力。
本文由培訓無憂網天琥教育專屬課程顧問老師整理發布,更多網頁制作相關課程請關注培訓無憂網網頁制作培訓或添加老師微信:15033336050
注:尊重原創文章,轉載請注明出處和鏈接 http://www.dedgn.cn/news-id-9478.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注網頁制作頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050