富文本样式在pc和移动端的差异
发布日期:2021-08-21 10:50:31 浏览次数:2 分类:技术文章

本文共 393 字,大约阅读时间需要 1 分钟。

hot3.png

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

转载地址:https://blog.csdn.net/weixin_33716941/article/details/92380561 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:看雪WiFi万能钥匙CTF-第二题 lelfeiCM
下一篇:centos7下安装composer+laravel

发表评论

最新留言

留言是一种美德,欢迎回访!
[***.207.175.100]2024年04月02日 00时34分29秒