網(wǎng)頁大字號規(guī)范
https://pay.weixin.qq.com/wiki/doc/apiv3/Practices/chapter3_1_2.shtml
1、微信限制頁面元素不放大
https://pay.weixin.qq.com/wiki/doc/apiv3/Practices/chapter3_1_2.shtml#part-6
2弊攘、應避免以下幾類情況發(fā)生
頁面元素溢出:可通過限制字數(shù)磷醋、設置該元素不跟隨放大(見限制頁面元素不放大)來解決仪或。
信息重疊:元素樣式避免使用絕對高度融求,請使用相對單位或不設置高度稠肘。
信息遮擋:信息被鍵盤猖毫、按鈕遮擋的情況保礼,開發(fā)者可檢查頁面樣式吃度,避免使用100%高度甩挫,保證字體放大后頁面可滾動瀏覽。
3椿每、默認情況下伊者,包括文字,圖標间护,圖片亦渗,容器(cell、卡片)汁尺,組件等頁面中的所有元素都要跟隨規(guī)則進行縮放法精。
當頁面中的文字信息足夠大(大于或等于40dp/pt),為了避免信息過大導致的溢出,設計師可以根據(jù)頁面具體情況允許該文字信息不進行放大亿虽,以來避免不必要的放大菱涤。頁面適配內(nèi)容和實現(xiàn)指引
換行:內(nèi)容過多時可通過讓文本信息換行的方式,避免信息被截斷洛勉、重疊等情況粘秆,以保證信息展示完整。
頁面滾動:空間不充足時收毫,需支持頁面上下滾動攻走,以保證信息不被按鈕、鍵盤或其他元素遮擋此再。
間距:間距樣式使用絕對單位昔搂,避免元素之間的間距跟隨字體大小變化而變化
擁擠情況:當文字信息過多時,放大后容易出現(xiàn)重疊或被截斷的情況输拇,此時應預留好內(nèi)容之間的安全距離摘符,內(nèi)容過多需要折行,容器高度也相對延伸策吠,調(diào)整內(nèi)容與容器水平居中對齊逛裤。
限制頁面元素不放大:當頁面中的文字信息足夠大,為了避免信息過大導致溢出猴抹,設計師可以根據(jù)頁面具體情況設置該文字信息不進行放大带族。