网易手机网字体rem设置
来源:互联网 发布:盒子下载软件 编辑:程序博客网 时间:2024/04/28 00:58
<script type="text/javascript"> var Dpr = 1, uAgent = window.navigator.userAgent; var isIOS = uAgent.match(/iphone/i); var isYIXIN = uAgent.match(/yixin/i); var is2345 = uAgent.match(/Mb2345/i); var ishaosou = uAgent.match(/mso_app/i); var isSogou = uAgent.match(/sogoumobilebrowser/ig); var isLiebao = uAgent.match(/liebaofast/i); var isGnbr = uAgent.match(/GNBR/i); function resizeRoot(){ var wWidth = (screen.width > 0) ? (window.innerWidth >= screen.width || window.innerWidth == 0) ? screen.width : window.innerWidth : window.innerWidth, wDpr, wFsize; var wHeight = (screen.height > 0) ? (window.innerHeight >= screen.height || window.innerHeight == 0) ? screen.height : window.innerHeight : window.innerHeight; if (window.devicePixelRatio) { wDpr = window.devicePixelRatio; } else { wDpr = isIOS ? wWidth > 818 ? 3 : wWidth > 480 ? 2 : 1 : 1; } if(isIOS) { wWidth = screen.width; wHeight = screen.height; } // if(window.orientation==90||window.orientation==-90){ // wWidth = wHeight; // }else if((window.orientation==180||window.orientation==0)){ // } if(wWidth > wHeight){ wWidth = wHeight; } wFsize = wWidth > 1080 ? 144 : wWidth / 7.5; wFsize = wFsize > 32 ? wFsize : 32; window.screenWidth_ = wWidth; if(isYIXIN || is2345 || ishaosou || isSogou || isLiebao || isGnbr){//YIXIN 和 2345 这里有个刚调用系统浏览器时候的bug,需要一点延迟来获取 setTimeout(function(){ wWidth = (screen.width > 0) ? (window.innerWidth >= screen.width || window.innerWidth == 0) ? screen.width : window.innerWidth : window.innerWidth; wHeight = (screen.height > 0) ? (window.innerHeight >= screen.height || window.innerHeight == 0) ? screen.height : window.innerHeight : window.innerHeight; wFsize = wWidth > 1080 ? 144 : wWidth / 7.5; wFsize = wFsize > 32 ? wFsize : 32; // document.getElementsByTagName('html')[0].dataset.dpr = wDpr; document.getElementsByTagName('html')[0].style.fontSize = wFsize + 'px'; document.getElementById("fixed").style.display="none"; },500); }else{ // document.getElementsByTagName('html')[0].dataset.dpr = wDpr; document.getElementsByTagName('html')[0].style.fontSize = wFsize + 'px'; document.getElementById("fixed").style.display="none"; } // alert("fz="+wFsize+";dpr="+window.devicePixelRatio+";UA="+uAgent+";width="+wWidth+";sw="+screen.width+";wiw="+window.innerWidth+";wsw="+window.screen.width+window.screen.availWidth); } resizeRoot(); </script>
body { font-size: 32px; font-size: .32rem; max-width: 1080px; margin: 0 auto; background: #f6f6f6; font-family: 'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.m_article .m_article_info .m_article_title { font-size: .34rem; margin-bottom: .2rem; color: #404040; line-height: .42rem; width: 100%; display: inline-block;}
通用:
html { font-size: 62.5%;}
body { font-family: Arial,Roboto,"Droid Sans",Helvetica,"Helvetica Neue","Microsoft Yahei",sans-serif; color: #333333; font-size: 1.5rem; line-height: 1;}
0 0
- 网易手机网字体rem设置
- Rem 字体设置学习
- HTML5----字体rem,px,em,设置
- 用CSS3的REM设置网页字体
- 字体px。em。rem
- 两款响应式的图片轮播插件 rem字体设置
- 移动端响应式开发rem字体与页面百分比设置
- 如何使用rem字体单位
- 无线字体rem还是px
- 字体自适应屏幕(rem)
- 移动端rem设置
- CSS3:REM设置字体大小
- 动态设置rem
- 使用 rem 设置文字大小
- rem参考值设置
- rem布局js设置
- CSS3的REM设置字体大小:rem
- 移动端自适应布局----rem字体
- 常用JQUERY操作总结
- A->B->C->D 多个界面之间相互交互,但是A、B、C界面不能使用finish,当D提交的时候将前面的全部finish
- 基于Lua的游戏服务端框架简介
- linux内核模块的安全
- Android 基础总结:(三)Activity
- 网易手机网字体rem设置
- 连接AWS EC2 Linux instance Ubuntu远程桌面
- Java事务总概
- 倒计时的几种写法
- [OpenGL ES 02]OpenGL ES渲染管线与着色器
- Java RMI之HelloWorld篇
- 几秒后刷新页面
- ACdream 1414(计算几何)
- QWebView::setHtml