在手機端設計一個優秀的APP需要考慮多方面因素,其中之一就是如何合理使用CSS樣式來美化界面。以下是一些在移動設備上實施的基本CSS代碼:
/*設置body樣式*/ body{ margin:0; padding:0; background-color:#f2f2f2; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-weight:normal; } /*設置容器樣式*/ .container{ width:100%; max-width:750px; margin:0 auto; padding:0px 10px; box-sizing: border-box; } /*設置段落樣式*/ p{ line-height:22px; text-align:justify; margin-top:16px; margin-bottom:16px; } /*設置標題樣式*/ h1,h2,h3{ font-weight:bold; margin-top:16px; margin-bottom:16px; } h1{ font-size:24px; } h2{ font-size:18px; } h3{ font-size:16px; } /*設置圖像樣式*/ img{ max-width:100%; height:auto; margin-top:16px; margin-bottom:16px; }
以上的CSS代碼包含了基本的容器樣式、段落樣式、標題樣式和圖像樣式,可以使得移動APP界面美化更加統一美觀。在具體應用時還需按照實際需要進行更細致的調整,但這里提供的基礎代碼可以作為移動APP CSS設計的起點。