富文本样式在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,禁止缩放,让页面宽度为屏幕宽度
相关文章
相关标签/搜索