移动端单位解析

手机端开发单位到底用什么?

 

目前有3种,px,em ,rem

 

PC端大部份是用px单位,小部分用em单位,而移动端,请全部用rem单位吧。目前大部份设备,包括但不限于iOS 5+、Android 2.3+、Window Phone 8+都是可以兼容的。

 

rem是什么?

相对长度单位,相对于根元素(即html元素)font-size计算值的倍数。

rem用法很简单,就是根标签html设置文字大小后(不设置的话,大部份浏览器默认为16px),其他标签设置rem都是html大小的倍数。

 

html{

    font-size: 10px; /* 设置html为10px */

}

h1{

    font-size: 2rem; /* 10px*2=20px */

}

那为什么移动端要使用rem作为单位?一是我开始提到的,移动端大部份都支持,不需要考虑兼容问题;二是修改起来灵活。如果你要整个网页字体都变大两倍,直接修改html{font-size:20px}即可。

 

你肯定会说,百度Google搜出来的文章,大部份是让设置为html{font-size:62.5%}。他的作用也是把html设置成10px,但万 一哪个浏览器2b升级成默认文字大小不是16px怎么办?而且可以直接设置成10px,为什么要去用62.5%算成10px?这不是脱裤子放屁吗?所以我 都是直接设置10px。-----------(10px )÷ (16px )× 100% = 62.5%

 

如果只介绍这点东西,网上一搜一大堆,我也就不会写这篇文章了。关键是大规模使用中遇到bug了,而且是蛋疼的原生Chrome。。。iOS平台的Chrome没问题,据说iOS里的所有浏览器都是壳。。。

转载于:https://www.cnblogs.com/chenrong/p/4538038.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/574553.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

oracle fiscal year,Version 0 is not defined for fiscal year 2007.

最初由 itpuber.net 发布[B]select version "0" maintain "setting for each fiscal year", try it [/B]but when i maintain versionActivation of the indicator is not permittedMessage no. KT253DiagnosisYou activated an indicator (Plan, Actual, …

CCNA training notes

5/29: vlan:virtual lan, 通过PVID来将物理上连通的host/PC划分到不同的局域网。switch的每个port有access与trunk两种mode,trunk模式的port属于所有vlan(所有vlan的消息都能被转发)。某个vlan的路径上的所有switch都要有该valn&a…

php js下拉框与文本联动,php mysql js 下拉框 二级联动

JS代码function changeappid(){var appiddocument.getElementById("appid").value;$result TSMLDB::getInstance()->select_sql("select f.appid,t.ftypeid,t.typename from wfappform f join wfformtype t on f.ftypeidt.ftypeid");$apptype array()…

SRS文档

负责人:韩朝燕 1什么是用例? 在介始用例方法之前,我们首先来看一下传统的需求表述方式-"软件需求规约"(Software Requirement Specification)。传统的软件需求规约基本上采用的是功能分解的方式来描述系统功能,在这种表…

automapper的简单用法

AutoMapper对象转换方面(Object-Object Mapping)对象映射工具,实现对象和对象之间的转化。主要应用在项目的dto,model,entity或viewmodel之间转换,其实AutoMapper涵盖所有对象(Object&#xff0…

linux重启网卡的命令行,linux系统重启网卡命令

关于win10系统开机总是要禁用重启网卡才能联网如何解决就为大家介绍到这边了,有遇到同样情况的用户们可以采取上面的方法步骤来解决。问题2已知win7下不需要删除qos协议,在跑无盘模式下以前最好不要安装厂商网卡驱动或修改win7网络协议种类,某…

TMemo的ScrollBars属性和大文本

给TMemo.Text : 几M大的文本; 如果 ScrollBars 不是 sbBoth的话,程序很可能 无响应。 今天郁闷了半天才发现的。 转载于:https://www.cnblogs.com/CodeGear/p/4542587.html

JS判断客户端是否是iOS或者Android

<script type"text/javascript"> var u navigator.userAgent, app navigator.appVersion; var isAndroid u.indexOf(Android) > -1 || u.indexOf(Linux) > -1; //android终端或者uc浏览器 var isiOS !!u.match(/\(i[^;];( U;)? CPU.Mac OS X/); //i…

linux nginx 缓存服务器,如何开启Nginx缓存

众所周知&#xff0c;Nginx是一个高性能的web服务器&#xff0c;尤其在高并发和处理静态页面的时候有先天的优势&#xff1b;很大一部分得益于缓存的开启&#xff0c;那么如何开启nginx的缓存呢。简单来说可以分两步&#xff1a;1.定义缓存存储目录并指定共享内存空间2.在locat…

在im4java中使用GraphicsMagick

1.定义操作和命令GMOperation op new GMOperation();GraphicsMagickCmd cmd new GraphicsMagickCmd("convert"); //convert说明你要做的是convert里面的操作或ConvertCmd cmd new ConvertCmd(true); //true说明你要用的是gm工具 2.缩放的参数说明op.resize(int wi…

linux 分步编译命令,GCC分步编译C++程序(汇总版)

通过前面几节的讲解&#xff0c;已经就 gcc(g)指令可用的 -E、-S、-c 以及 -o 选项的功能和用法做了详细的讲解。在此基础上&#xff0c;本节将对“如何分步编译C/C程序”这个问题做一个完整的解答。接下来&#xff0c;我将以 g 指令分别对 C 源程序做预处理、编译、汇编和链接…

linux 安装u盘软件,Universal USB Installer:帮你用U盘装Linux

近期&#xff0c;Linux系统U盘制作安装工具&#xff1a;Universal USB Installer迎来了v1.9.5.1版本&#xff0c;新版支持了OpenSuse 32/64bit系统平台&#xff0c;欢迎Linux桌面爱好者下载使用。Universal USB Installer工具&#xff0c;类似一款U盘制作工具&#xff0c;允许用…

lucene 高亮显示

原文地址&#xff1a; http://blog.csdn.net/javaman_chen/article/details/8224407 Lucene针对高亮显示功能提供了两种实现方式,分别是Highlighter和FastVectorHighlighter。 顾名思义&#xff0c;FastVectorHighlighter较Highlighter速度更快&#xff0c;功能也更强大&…

linux rsync 安装教程,linux下的rsync配置和使用教程

本试验的测试环境使用的系统是Redhat AS4(2台&#xff0c;一个服务端&#xff0c;一个客户端)rsync服务端的ip&#xff1a;192.168.23.102rsync客户端的ip&#xff1a;192.168.23.100&#xff0d;&#xff0d;&#xff0d;&#xff0d;&#xff0d;&#xff0d;&#xff0d;&am…

u盘 轻量linux,3种方法来创建轻量、持久化的Xubuntu Linux USB系统盘

使用Universal USB Install创建持久化USB XUbuntu系统盘这个教程为你介绍如何使用Xubuntu Linux创建一个轻量并且持久化的Linux USB系统盘。译者注&#xff1a;持久化Linux USB系统盘(Persistent Linux USB drive)&#xff0c;安装在优盘的Linux系统&#xff0c;允许用户保存数…

linux u盘加载阵列卡驱动步骤,Linux U盘加载阵列卡驱动步骤

如果没有Linux的机器,可以使用安装光盘的Linux环境&#xff1a;将 U 盘完全慢速格式化&#xff0c;将驱动拷贝到U盘&#xff0c;将U盘插在服务器上&#xff0c;用Linux安装光盘第一张启动到图形安装界面&#xff0c;按Ctrl&#xff0b;Alt&#xff0b;F2切换到控制台。按F11调用…

linux 笔记本键盘灯驱动程序,安装和使用CKB Next在Linux上更改Corsair键盘背光设置...

本文介绍在Ubuntu、Debian、Arch Linux、Fedora、OpenSUSE系统下安装和使用CKB Next的方法&#xff0c;以在Linux系统上更改Corsair键盘背光设置。Corsair键盘非常适合在PC上进行游戏&#xff0c;特别是在夜间&#xff0c;因为它们具有出色的RGB背光功能&#xff0c;用户可以轻…

15.6.6-sql字符串组装技巧

组装sql字符串&#xff0c;丢给exec sp_executesql执行 exec sp_executesql Nexec sp_executesql Nselect * from TESTTEST.dbo.Employees where Titletitle, Ntitle varchar(30), titleEmployee 注意&#xff1a;这里是执行一个带有输入参数的sql语句&#xff0c;用两层exec s…

c++ linux 环境,C++ 环境设置

C 环境设置本地环境设置如果您想要设置 C 语言环境&#xff0c;您需要确保电脑上有以下两款可用的软件&#xff0c;文本编辑器和 C 编译器。文本编辑器这将用于输入您的程序。文本编辑器包括 Windows Notepad、OS Edit command、Brief、Epsilon、EMACS 和 vim/vi。文本编辑器的…

linux内核udp校验和计算函数,Linux 内核IP和UDP检验和计算

IP checksuma.接收报文struct iphdr *iph ip_hdr(skb);if (unlikely(ip_fast_csum((u8 *)iph, iph->ihl)))goto checksum_error;b.发送报文ip_send_check(iph);{iph->check 0&#xff1b;iph->check ip_fast_csum((unsigned char *)iph, iph->ihl);}UDP checksu…