网页中频繁更改的内容,应该从后台动态获取,对内容较多的请求通常采用富文本编辑器来编辑内容,从而自带了样式。因此同一份内容若需要在pc和移动端同时展示,有许多差异:
-
页面尺寸大小:
pc尺寸使用px(980,1040,…),移动端使用px或rem;
当同时为px时,样式没有差异,而为rem时,(通常设置1rem =100px),页面通常会有缩放(0.5,大部分手机dpx>=2),导致正常大小的字体会变小;此时应禁用rem,页面宽度为屏幕宽度,
因此,为了保证富文本内容在pc和移动端同时正常显示,需要采用以下设置:
- 富文本编辑器默认是pc端样式(px)
- 而图片,表格等宽度有可能超出移动端屏幕宽度的元素,采用百分比设置他们的宽度
- 移动端应禁用rem,禁止缩放,让页面宽度为屏幕宽度
转载于:https://my.oschina.net/u/3272730/blog/1591834