2 sean sc Sean_sc 于 2016.03.16 14:03 提问

关于用rem做适配,font-size怎样设置。

UI给力1334px × 750px的设计图,但是我根据设计图的尺寸来写css会发现大了一倍,这应该就是retina屏的原因。这种情况我想问一下大家是怎么做的。如果我想用rem的方案来做适配,请问根标签的font-size应该根据每种屏幕怎么计算来设置

1个回答

mianbaohebg
mianbaohebg   2016.12.17 23:01

如何修改驱动参数使之变成竖屏。通过修改注册表只能把显示调整成竖屏,即LCD旋转90度,但是触摸点的位置还是原来的。所以真能通过调整驱动来实

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
rem适配的两种方式(css媒体查询和js控制)
css媒体查询:(根字体大小100px,如果10px大小,写成0.1rem) html { font-size : 100px; }@media only screen and (min-width: 320px) and (max-width: 479px){ html { font-size: 42.67px !important; } }
手机端rem如何适配_rem详解及网页自适应
什么是rem 在我看来,rem就是1rem单位就等于html节点fontsize的像素值。所以改变html节点的fontsize是最为关键的一步。根据手机宽度改变相对大小就可以实现自适应了,就不用什么媒体查询那些的。 我们的设计图往往宽度是640或者其他尺寸的,不过我建议是用这个尺寸,以640为基准,以小到大,实现自适应,下面实现的比例为1rem=40px(640宽度)。 为什么
移动端自适应布局----rem字体
一.px,em,rem之间联系与区别 px:像素是相对于显示器屏幕分辨率而言的相对长度单位,不会受屏幕宽度改变 em:继承父级的font-size,与父级的字体大小有关 rem:是em的升级版,rem只会相对html的值,不会受到父级的影响。 二.移动端怎么用rem 假设设计师的视觉稿是按照iPhone6的宽度来设计的,即375px 那么,我们可以完全按照视觉稿上的尺寸来赋值
翻译:CSS3用rem来设置font-size
翻译:CSS3用rem来设置font-size即使在今天,确定字体单位仍然会成为一个激烈话题。不幸的是,各种技术都各有利弊,不能让人满意。问题仅仅是这些不能让人满意的技术中哪一个更可取。其中有两种可取的技术: 1. px 2. em 在我们开始介绍第3种技术前,我们先来回顾这2种。px:在Web发展的早期,我们使用像素来设置文本的大小。它可靠且一致。不幸的是,IE,甚至IE9的
移动前端自适应解决方案(rem font-size)
var deviceWidth = document.documentElement.clientWidth; if(deviceWidth > 640) { deviceWidth = 640; } document.documentElement.style.fontSize = deviceWidth / 6.4 + '
js+rem动态计算font-size的大小,适配各种手机设备
转载: http://www.jianshu.com/p/afbf518cc891 需求: 在不同的移动终端设备中实现,UI设计稿的等比例适配。 方案: 布局排版都用rem做单位,然后不同宽度的屏,js动态计算根节点的font-size。 假设设计稿是宽750px来做的,书写css方便计算考虑,根节点的font-size假定为100px,得出设备宽为7.5rem。设计稿中标注的任何px数值都可以换算
移动端字体单位该使用px还是rem?
对于只需要适配少部分手机设备,分辨率对页面影响不大的,使用px即可,对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。rem配置参考,适合视觉稿宽度为640px的:<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" n...
rem与media标签实现移动端屏幕适配
rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果。(当然了,他是一个相对单位,以html中的font-size为基准,这也是优于以em为单位的好处) rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进
移动端适配:font-size设置的思考
移动端适配:font-size设置的思考 1. 问题的引出 如果html5要适应各种分辨率的移动设备,可以使用rem这样的尺寸单位,针对各个分辨率范围在html上设置font-size的代码: html{font-size:10px} @media screen and (min-width:321px) and (max
【移动端】基于rem实现手机端页面自适应--动态改变dpr和font-size
这两天还是在写手机端的那个表单页面,我好苦恼啊。明明在chrome上调试的时候都是可以的,但是真的用手机去扫码看的时候,就出现问题了。 苹果手机么有问题,都是根据dpr来设置meta标签,动态设置font-size,显示的跟预期的一样。用三星手机扫也是可以的,但是当我用小米4扫的时候,就有问题了。表单宽度和高度都有所缩小,内容显示不全。 我搜了一下,网上有说 米4的dpr也是3. 于是我就自己