文章详情页
css - 移动端字体适配问题
问题描述
在移动端设置<meta name='viewport' content='width=device-width,minimum-scale=1.0,maximum-scale=1.0'/>
我的页面从iPhone6缩小到iPhone5后，页面内容能根据设备宽度适配，但是为什么字体的大小改变，没有做缩放和适配呢？还是高度设置一个固定值后也不做适配，这是为什么？问题解答
回答1：字体适配要自己写哦。现在最常用的移动端字体单位是rem。你可以试一下。如果只想区分几种分辨率而设置不同字体，最简单的就是用媒体查询^ - ^
回答2：你那段代码只是一个头部标签，用rem或者em不要用px，而且css的body那里也要加字体大小
标签：
CSS
相关文章：
1. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？2. vim - docker中新的ubuntu12.04镜像,运行vi提示,找不到命名.3. angular.js - ngview配置路由失败4. javascript - 百度地图一开始设置了中心点，怎么通过按钮在调转到对应的中心点？？？？5. angular.js - jade模板引擎无法做单页模式，请教怎么做。6. angular.js - 求Angular ui-router 多层嵌套的Demo！7. angular.js - angularJS ng-show的显示问题8. angular.js - 通过数据中children的个数自动生成能点击展开的div9. angular.js - $scope获取不到值10. 我在centos容器里安装docker，也就是在容器里安装容器，报错了？
排行榜
网公网安备