富文本样式在pc和移动端的差异

  • Post author:
  • Post category:其他


网页中频繁更改的内容,应该从后台动态获取,对内容较多的请求通常采用富文本编辑器来编辑内容,从而自带了样式。因此同一份内容若需要在pc和移动端同时展示,有许多差异:

  1. 页面尺寸大小:

    pc尺寸使用px(980,1040,…),移动端使用px或rem;

    当同时为px时,样式没有差异,而为rem时,(通常设置1rem =100px),页面通常会有缩放(0.5,大部分手机dpx>=2),导致正常大小的字体会变小;此时应禁用rem,页面宽度为屏幕宽度,

因此,为了保证富文本内容在pc和移动端同时正常显示,需要采用以下设置:

  1. 富文本编辑器默认是pc端样式(px)
  2. 而图片,表格等宽度有可能超出移动端屏幕宽度的元素,采用百分比设置他们的宽度
  3. 移动端应禁用rem,禁止缩放,让页面宽度为屏幕宽度

转载于:https://my.oschina.net/u/3272730/blog/1591834