⑴ 已經做好的pc版網頁,如何轉成手機端的
需要設置標簽,字體什麼的都會相應的適配悉豎滲手機,當然還需要調纖納樣式。
標簽代碼如下:
<metaname="apple-mobile-web-app-capable"content="yes">
<metaname="apple-mobile-web-app-status-bar-style"content="white">
<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
注意:現有網站直接改成移動端雖說理論上可行,但如果不是一開始就相對設計較為完善的話,重新基本就是要重做UI部分,連帶後端也要做相應的調整。
(1)如何把網站轉換成手機擴展閱讀:
常用屬性
color : #999999;/*文字顏色*/
font-family : 宋體,sans-serif; /*文字字體*/
font-size : 9pt; /*文字大小*/
font-style:itelic; /*文字斜體*/
font-variant:small-caps; /*小字體*/
letter-spacing : 1pt; /*字間距離*/
line-height : 200%; /*設置行高*/
font-weight:bold; /*文字粗體*/
vertical-align:sub; /*下標字*/
vertical-align:super; /*上標字*/
text-decoration:line-through; /*加刪除線*/
text-decoration: overline; /*加頂線*/
text-decoration:underline; /*加下劃線*/
text-decoration:none; /*無修飾線*/
text-transform : capitalize; /*首字大寫*/
text-transform : uppercase; /*英文大寫*/
text-transform : lowercase; /*英文小寫*/
text-align:right; /*文字右對齊*/
text-align:left; /*文睜脊字左對齊*/
text-align:center; /*內部元素居中*/
text-align:justify; /*文字分散對齊*/
vertical-align:top; /*垂直對齊該行元素內的最大元素頂部/