web页面一些移动端样式属性设置
来源:互联网 发布:天下三男号捏脸数据 编辑:程序博客网 时间:2024/05/20 18:48
1.有些页面在iPhone手机下的浏览器会出现点击有一个蒙版出现,可以通过以下css样式消除
html{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
2.移动端响应式页面要加上如下的表头
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
3.iPhone的Safari浏览器会识别一些电话号码加上了一些不好看的样式,可以通过以下meta标签消除
<meta name="format-detection" content="telephone=no" />
4.消除a链接的一些点击,访问等出现的一些样式
a { text-decoration: none; }a:hover { text-decoration: none; }a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none; color:#000000;}
5.页面自适应屏幕使用rem设计网页的宽度
<script> /* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */ function placeholderPic(){ var w = document.documentElement.offsetWidth; document.documentElement.style.fontSize=w/20+'px'; } placeholderPic(); window.onresize=function(){ placeholderPic(); }</script>
未完后续工作中涉及到再陆续添加
阅读全文
0 0
- web页面一些移动端样式属性设置
- 移动web开发清除默认样式设置
- 移动端小结_meta设置与移动端页面样式重置
- DatePicker的一些样式属性设置
- 移动端css样式设置
- 移动端常用样式设置
- 移动端页面默认样式重置
- 页面的一些样式
- JQuery 设置样式属性
- css页面样式设置
- 使用weinre调试移动端web页面
- 移动端web页面自适应和rem
- web移动端页面适配
- 移动端web页面使用字体
- 移动Web端H5页面注意事项
- web移动端页面性能优化方案
- 移动端Web页面问题解决方案
- 移动端Web页面常见问题解决
- python使用monkeyrunner对录制脚本进行回放脚本
- gson和JavaBean之间的转换
- JavaScript中的Null类型
- DigitalOcean VPS之volume的使用
- Linux服务器 CentOS 6系列最小化安装优化脚本详解02————修改history记录、定时校正服务器时间、停止IPv6网络服务、调整最大文件打开数、关闭写磁盘I/O功能、配置SSH服务
- web页面一些移动端样式属性设置
- Android studio如何创建一个AIDL文件
- Leetcode——11. Container With Most Water
- mysql模糊查询的几种方法
- 读书笔记之代理模式
- 设置div中文字超出时自动换行和css实现文本超出N行之后显示省略号等
- DW下载激活和如何使用DW确定map图片的coords坐标
- Apache的URL重写
- 解读Cardinality Estimation算法(第三部分:LogLog Counting)