移动端web常用css代码,Css代码库,德仔网

代码语言

代码分类

【Css】移动端web常用css

作者:Baird / 发布于2015/4/23/ 1342


	Meta部分

	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	width - viewport的宽度
	height &ndash; viewport的高度
	initial-scale - 初始的缩放比例
	minimum-scale - 允许用户缩放到的最小比例
	maximum-scale &ndash; 允许用户缩放到的最大比例
	user-scalable &ndash; 用户是否可以手动缩放
	IOS中Safari允许全屏浏览：

	<meta content="yes" name="apple-mobile-web-app-capable">
	IOS中Safari顶端状态条样式：

	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	忽略将数字变为电话号码：

	<meta content="telephone=no" name="format-detection">
	IOS中Safari设置保存到桌面图标：
	（尺寸和iphone上的一致，是57*57px）

	<link rel="apple-touch-icon" href="custom_icon.png">
	css属性 box-flex
	box-flex的作用是按百分比划分兄弟相同标签的width，也就是当ul里有个两个li时，每个li会自动划分ul的宽度，如果box-flex:1;那么此时，li的width就是50%
	html:

	<ul>
	 <li>1</li>
	 <li>2</li>
	</ul>
	css:

	ul{display: -webkit-box;}
	ul li{-webkit-box-flex: 1;}

试试其它关键字

同语言下

可能有用的

Baird贡献的其它代码(7)