问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

请问使用flexible布局，为什么[data-dpr=2] .text{font-size:24px;}无法生效

头像
bug之所措
    40664751

    各位前辈好，最近我在尝试用阿里的flexible布局的时候遇到好多问题，跪求前辈们能够指导一下。!图片描述

    网上资料全都说字体不能用rem，要用px，于是我就字体全部用px，但是固定了字体如果在大屏幕不放大点就会显得小，所以我就在css最后加了这个图片描述图片描述

    但是当我用谷歌浏览器，手机模式调试的时候，无论是切换到哪个这两段代码怎么都不生效

    图片描述
    图片描述

    图片描述
    图片描述

    而且当我手动修改了css代码或者html代码之后，刷新页面，就会出现个，每次都有
    这个hairlines类，会把布局给打乱。
    图片描述

    跪求解惑，困扰了好久了。。。
    这个是我写的练习

    响应式前端flexibleremcss
    阅读 10.6k
    1 个回答
    得票最新
    头像
    ColaDaddyz
      1.5k1515
      ✓ 已被采纳

      [data-dpr="2"] 是一个选择器，拿阿里的 demo 看了下，html 上应该是有这个属性的，不知道为什么你这里没有，所以你的样式就没生效了

      // 阿里 demo 里的是这样
<html lang="en" data-dpr="1" style="font-size: 54px;">

      我看了一下 https://github.com/amfe/lib-f... 这个仓库的代码啊，确实是没有 data-dpr 的
      但是 flexible 文档所在的仓库 https://github.com/amfe/lib-f... 里则是有 data-dpr 的设置的。。所以你看看是不是用的第一个仓库的方案？

      具体为什么两部分的代码不太一致我也不太清楚

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题