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

2019独角兽企业重金招聘Python工程师标准>>>

网页中频繁更改的内容，应该从后台动态获取，对内容较多的请求通常采用富文本编辑器来编辑内容，从而自带了样式。因此同一份内容若需要在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