更多>
最新下载
24小时阅读排行榜
- 1 C++ 怎么求最小公倍数 C++ gcd辅助计算lcm代码【逻辑】
- 2 mysql如何实现简单推荐逻辑_mysql项目入门示例
- 3 mysql如何实现数据状态流转_mysql业务项目实战
- 4 mysql主从复制中的异步与同步复制配置选择
- 5 Python如何将CSV文件转换为XML格式
- 6 mysql中类型转换函数（CAST、CONVERT）使用示例
- 7 Excel数据如何转换为复杂的XML结构？
- 8 如何优化性能避免重绘_减少深层嵌套和通配符使用
- 9 mysql如何统计行数_mysql count函数操作说明
- 10 css如何让flex子元素顺序动态变化_使用order属性调整显示
- 11 C++ while和do while区别 C++循环结构执行顺序对比【语法】
- 12 css选择器 a 标签状态顺序如何写_通过访问顺序规则避免冲突
- 13 XML命名空间是什么 如何用它来避免元素名称冲突
- 14 如何用窗口函数 NTILE() 实现分桶统计（等分）
- 15 如何删除索引_mysql索引移除操作
更多>
最新教程
-
- Node.js 教程
- 16326 2025-08-28
-
- CSS3 教程
- 1547021 2025-08-27
-
- Rust 教程
- 23442 2025-08-27
-
- Vue 教程
- 25874 2025-08-22
-
- PostgreSQL 教程
- 22376 2025-08-21
-
- Git 教程
- 9326 2025-08-21
下载首页 / 学习资料 / php电子书
一. 使用rem作为单位
html { font-size: 100px; }
@media(min-width: 320px) { html { font-size: 100px; } }
@media(min-width: 360px) { html { font-size: 112.5px; } }
@media(min-width: 400px) { html { font-size: 125px; } }
@media(min-width: 640px) { html { font-size: 200px; } }
给手机设置100px的字体大小; 对于320px的手机匹配是100px，
其他手机都是等比例匹配; 因此设计稿上是多少像素的话，那么转换为rem的时候，rem = 设计稿的像素/100 即可;
二. 禁用a,button,input,optgroup,select,textarea 等标签背景变暗
在移动端使用a标签做按钮的时候或者文字连接的时候，点击按钮会出现一个 "暗色的"背景，比如如下代码：
<a href="">button1</a>
<input type="button" value="提交"/>
html { font-size: 100px; }
@media(min-width: 320px) { html { font-size: 100px; } }
@media(min-width: 360px) { html { font-size: 112.5px; } }
@media(min-width: 400px) { html { font-size: 125px; } }
@media(min-width: 640px) { html { font-size: 200px; } }
给手机设置100px的字体大小; 对于320px的手机匹配是100px，
其他手机都是等比例匹配; 因此设计稿上是多少像素的话，那么转换为rem的时候，rem = 设计稿的像素/100 即可;
二. 禁用a,button,input,optgroup,select,textarea 等标签背景变暗
在移动端使用a标签做按钮的时候或者文字连接的时候，点击按钮会出现一个 "暗色的"背景，比如如下代码：
<a href="">button1</a>
<input type="button" value="提交"/>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
