文章详情页
css3 - 图文响应式样式
浏览：416日期：2023-06-23 08:32:25
问题描述
把这个页面做成PC桌面端响应式效果：一种方法是直接把图片做成响应式，这种做法简单，唯一的不好就是文字模糊，效果感觉不太完美；另一种方式是图片+文字，这种做法文字大小需要自适应，文字位置关系更不容易做好。请问有什么好的做法吗？求提供！
问题解答
回答1：可以参考淘宝的flexible
回答2：使用rem,或者flex布局
回答3：楼上两位同学：淘宝的flexible,还有rem,其实都是一个东西，当时淘宝是来解决H5移动端适配问题，非响应式问题。
标签：
CSS
上一条：css - 在body里使用 -webkit-overflow-scrolling: touch;无效下一条：css - BEM 中块(Block)有木有什么标准 何时决定一个部分提取为块而不是其父级的元素呢(Element)?~
相关文章：
1. android-webview - Android 7.0 webview不自动刷新2. vue.js - vue开发的项目，想在页面打开的时候使input自动聚焦，使用的官方的自定义指令，但是在ios真机上测试无效3. css - layer图标问题4. javascript - 关于pc端网站的浏览器兼容问题！5. MySQL的合计函数这里为什么报错？6. javascript - angular 从后台获取数据渲染table,无数据时“暂无数据”7. node.js - win 下 npm install 遇到了如下错误 会导致 无法 run dev么？8. javascript - 用console.log调试JS是不是很不专业？9. ruby - 添加国内淘宝gem源失败10. javascript - 怎么在DIV图片上加个DIV,并带有按钮链接呢？
排行榜
网公网安备