更多>
最新下载
24小时阅读排行榜
- 1 如何使用Golang开发简单问卷调查系统_收集用户数据和统计结果
- 2 如何在低配置服务器部署mysql_mysql轻量部署方案
- 3 c++虚函数是什么 c++多态与虚函数实现【教程】
- 4 c++20 Modules怎么用 c++模块化编程新特性【前沿】
- 5 C++ lambda表达式捕获列表详解_C++值捕获与引用捕获的区别
- 6 html5怎么消除浮动_HT5用clear:both或BFC消除元素浮动影响【清除】
- 7 如何检查mysql运行依赖_mysql依赖环境检查方法
- 8 html5导出excel表格_使用前端库生成Excel文件【方法】
- 9 C# 中的固定大小缓冲区(fixed-size buffers) - 在结构体中声明数组
- 10 html如何编辑_编辑现有HTML文件内容【现有】
- 11 javascript展开运算符是什么_它在函数调用中有什么作用
- 12 html5箭头怎么打_html5用→实体或CSS border画箭头符号显示【符号】
- 13 Golang怎么求绝对值 Golang求绝对值的方法
- 14 mysql如何对不同应用分配权限_mysql应用级权限设计
- 15 html5基础怎么学_HTML5先记标签练布局再用JS做交互打基础【学习】
更多>
最新教程
-
- Node.js 教程
- 14066 2025-08-28
-
- CSS3 教程
- 1540542 2025-08-27
-
- Rust 教程
- 21767 2025-08-27
-
- Vue 教程
- 24289 2025-08-22
-
- PostgreSQL 教程
- 21013 2025-08-21
-
- Git 教程
- 8277 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
相关推荐
热门下载
