首页 > 其他分享 >更细致的rem优缺点

更细致的rem优缺点

时间:2024-04-22 17:34:53浏览次数:22  
标签:font 细致 缩放 优缺点 rem 浏览器 设备 页面

优点:

  • 整体缩放与统一:通过将rem与屏幕分辨率关联起来,可以实现页面的整体缩放,使得在不同设备上的展现都统一起来。这有助于解决多屏适配问题,确保页面在不同设备上都能以合适的比例显示。
  • 浏览器支持:现在大多数浏览器都支持rem单位,兼容性相对较好。这使得rem在前端开发中得到了广泛应用。
  • 便于整体控制:由于rem是相对于根元素的font-size,因此可以通过调整根元素的font-size来整体控制页面元素的大小。这使得在全局范围内调整样式变得更加方便。

缺点:

  • 奇葩设备表现不佳:在一些特殊的设备或浏览器上,如某些华为的高端机型,使用rem布局可能会出现错乱。这可能是由于这些设备的dpr(设备像素比)或浏览器解析方式导致的。
  • iframe引用问题:在使用iframe引用其他页面时,rem可能会出现问题。这是因为iframe中的页面可能具有不同的根元素font-size,导致rem的计算结果不一致。
  • 与大屏设计哲学不一致:rem在多屏幕尺寸适配上与当前两大平台(如PC和移动设备)的设计哲学可能不一致。大屏设备的设计初衷可能是为了提供更大、更清晰的展示效果,而rem的缩放方式可能无法完全满足这一需求。
  • 兼容性问题:在PC端,由于浏览器对字体大小的限制(如谷歌浏览器最小字体为12px)以及老旧浏览器(如IE678)的不支持,rem的使用可能会受到限制。此外,一些史前项目可能使用了固定的px等布局方案,并且需要兼容ie9以下版本,这使得改用rem的成本较高。

标签:font,细致,缩放,优缺点,rem,浏览器,设备,页面
From: https://www.cnblogs.com/bing23443414/p/18151063

相关文章

  • em 和 rem
    em和rem都是CSS中的相对单位,用于设置字体大小和其他元素的尺寸。它们的主要区别在于参照对象不同。em单位的参照对象是父元素的字体大小。当使用em单位时,元素的大小会受到父元素字体大小的影响。如果父元素的字体大小发生变化,那么使用em单位的子元素的大小也会相应地变化。而rem......
  • 比较RPC和RESTful API的优缺点
    RPC和RESTfulAPI是两种不同的远程调用方式,它们各自具有不同的优缺点。RPC的优点包括:高效:RPC使用自定义的通信协议,可以减少报文传输量,提高传输效率。灵活:RPC支持多种语言,不同的编程语言可以方便地调用远程接口。通用:RPC可以基于XML、JSON等标准化的数据格式进行通信,使得不同......
  • 内核config文件打开CONFIG_DEVMEM后出现For kernel requirements at matrix level 5,
    内核config文件打开CONFIG_DEVMEM后出现编译错误:checkvintfI04-1823:30:02409602409602check_vintf.cpp:84]List'out/target/product/sc126/system/product/etc/vintf/':NosuchfileordirectorycheckvintfI04-1823:30:02409602409602check_vintf.cpp:84]L......
  • dremio SchemaMutability 简单说明
    dremioSchemaMutability属于一个枚举,定义了schema的可变性能力()参考定义publicenumSchemaMutability{@Tag(1)ALL(true,true,true,true), @Tag(2)NONE(false,false,false,false), @Tag(3)SYSTEM_TABLE(false,true,false......
  • vscode remote-x11 ssh 连接时Another All configured authentication methods failed
    错误remote-x11-ssh插件使用ssh2扩展出现以下错误https://github.com/joelspadin/vscode-remote-x11/issues/75Error:Allconfiguredauthenticationmethodsfailed原因https://github.com/mscdex/ssh2/issues/989解决换成ed25519并修改配置......
  • Windows 11 LTSC版本的优缺点
    随着Windows11的发布,微软推出了多个版本,其中包括Windows11LTSC版。LTSC(长期服务分支)版本通常被视为适合特定企业环境或者对稳定性和长期支持有需求的用户。然而,对于普通用户来说,Windows11LTSC版可能并非最佳选择。首先,Windows11LTSC版被标榜为适用于老电脑,这意味着它可以......
  • @electron/remote包应该放在dependencies还是devDependencies?
    @electron/remote包应该放在dependencies而不是devDependencies。dependencies和devDependencies在package.json文件中分别用于指定项目的不同类型的依赖:dependencies:存放项目在生产环境中运行时所必需的依赖包。这些依赖是应用程序的核心组成部分,没有它们,应用程序......
  • uniapp优缺点
    UniApp是一个使用Vue.js开发跨平台应用的开发框架。它允许开发者使用同一套代码基础来构建面向iOS、Android、以及各种小程序、H5等多个平台的应用。优点:一次编写,多端运行:只需编写一次代码,便可以生成可以运行在不同平台(iOS、Android、H5、小程序等)的应用。学习成本低......
  • TVM Pass优化 -- 移除无用函数(Remove Unused Function)
    定义移除无用函数,RemoveUnusedFunction,顾名思义,就是删除Module中定义但未用到的函数当然,它也是一个模块级的优化,举例子:defget_mod():mod=tvm.IRModule({})fn1=relay.Function([],relay.const(1))fn2=relay.Function([],relay.const(2))fn3=r......
  • ES7.17.20连接时报错:java.lang.NoSuchMethodError: org.elasticsearch.client.Request
    1.报错详情:java.lang.NoSuchMethodError:org.elasticsearch.client.RequestOptions$Builder.removeHeader(Ljava/lang/String;)Lorg/elasticsearch/client/RequestOptions$Builder; atco.elastic.clients.transport.rest_client.RestClientOptions.addBuiltinHeaders(RestCli......