當前位置:吉日网官网 - 盛世收藏 - HTML5制作響應式網頁

HTML5制作響應式網頁

首先需要考慮是全平臺適配還是僅僅移動適配。這裏以壹個移動響應式網站為例,介紹如何制作響應式網頁。

選定的基本設計尺寸

選擇的基本設計尺寸壹般以1080為基礎。確定響應式網頁設計的應用場景後,與美工(或設計師)溝通。之前壹般需要美工畫幾套主流移動設備屏幕分辨率的設計圖。現在,根據移動設備最常用的屏幕分辨率,壹套設計圖可以用於流式布局和rem。

藝術家完成了設計。

美工完成設計,前端工程師的工作就開始了。這時候可以用PS或者FW來切圖。

切圖

壹般來說Fireworkscs6切圖比較快,但是有時候在Fireworks中會發生畫面失真的情況,所以有時候需要使用PS來配合,PS有切片工具可以專門用來切圖。

  • 上一篇:如何刪除微信朋友圈標簽如何刪除微信朋友圈標簽
  • 下一篇:如何在微信中添加自定義顏文字微信導入表情符號套餐教程②
  • copyright 2024吉日网官网