富文本樣式在pc和移動端的差別

網頁中頻繁更改的內容,應該從後臺動態獲取,對內容較多的請求一般採用富文本編輯器來編輯內容,從而自帶了樣式。所以同一分內容若須要在pc和移動端同時展現,有許多差別:編輯器

  1. 頁面尺寸大小:
    pc尺寸使用px(980,1040,...),移動端使用px或rem;
    當同時爲px時,樣式沒有差別,而爲rem時,(一般設置1rem =100px),頁面一般會有縮放(0.5,大部分手機dpx>=2),致使正常大小的字體會變小;此時應禁用rem,頁面寬度爲屏幕寬度,

所以,爲了保證富文本內容在pc和移動端同時正常顯示,須要採用如下設置:字體

  1. 富文本編輯器默認是pc端樣式(px)
  2. 而圖片,表格等寬度有可能超出移動端屏幕寬度的元素,採用百分比設置他們的寬度
  3. 移動端應禁用rem,禁止縮放,讓頁面寬度爲屏幕寬度
相關文章
相關標籤/搜索