腾讯的手机屏幕的适配代码

腾讯的适配代码 ,比较权威 ,果断盗用!


<script type="text/javascript">
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")<0){
try{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
window.location.href="http://shipei.qq.com/index.htm";
}else if(/iPad/i.test(navigator.userAgent)){
}else{
window.location.href="http://shipei.qq.com/simple/s/index/"
}
}catch(e){}
}
}
</script>

腾讯的手机屏幕的适配代码,布布扣,bubuko.com

时间: 2024-10-12 23:44:53

腾讯的手机屏幕的适配代码的相关文章

js 获取手机屏幕高度的代码

需要这段代码的背景: h5网页嵌入嵌入原生APP中时,在某些机型(如小米4),当页面高度不足慢一屏时,position:fixed;bottom:0d的"按钮"会被遮住,所以需要给页面body设置足够高的最小高度值(min-height),将页面撑高.或者使用如下代码,将html的最小高度值设置为当前手机屏幕的高度. <script> var mobileHeight=window.innerHeight+"px"; document.getElemen

网页适配之强制网页适配手机屏幕

切图微适配(weishipei.qietu.com) 讯:如何强制pc网站在手机屏幕下适配呢,切图微适配团队教你一个简单有效的解决方案,通过增加meta标签来实现: 第一个meta标签表示: 强制让文档与设备的宽度保持1:1: 文档最大的宽度比列是1.0(initial-scale初始刻度值和maximum-scale最大刻度值): user-scalable定义是否可缩放(0为不缩放),使页面固定设备上面的大小. 当然加了这个之后,还需要通过css代码来细微的调整才能达到网页在移动设备下适配并

关于直播系统和短视频系统安卓手机屏幕适配的方向思路

直播与短视频的接踵而至,将互联网推向了网红经济时代,而智能手机的更新迭代为二者的发展提供了"温床".但随着Android机型的增多,设备碎片化的程度也在不断加深,因此为了保证用户在不同Android机型下的体验效果一致,我们需要对各种手机屏幕进行适配.下面我们就来聊下直播系统和短视频系统Android机型的适配问题.1. 布局组件的适配关于组件的适配,这里有几种不同的适配方案.一是使用密度无关像素dp或独立比例像素sp单位指定尺寸:二是多使用相对布局(RelativeLayout)或线

【转】web app变革之rem(手机屏幕实现全适配)

以往web移动适配,常规写法是:media only screen @media only screen and (min-device-width: 320px){ //针对iPhone 3 } @media only screen and (min-device-width: 320px)and (-webkit-min-device-pixel-ratio: 2) { //针对iPhone 4, 5c,5s, 所有iPhone6的放大模式,个别iPhone6的标准模式 } @media o

了解真实的『REM』手机屏幕适配

rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用.使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果. rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进行长度计算.一般认为网页中的根节点是 html 元素,所以采用的方式也是通过设置 html 元素的 font-size 来做屏幕适配,但实际情况真有这么简单吗? 首先我们来看看使用 rem 实现手机屏幕适

手机屏幕适配原理及实现

手机屏幕是用户与 App 最直接的交互点 不同的分辨率下用户对我们的 App 具有明显的感观差异,主流分辨率的更新迭代却又完全独立于 App 进行.这让我们想要使 App 在绝大多数主流手机上都保持感观.体验的一致性提出了很大的挑战. 屏幕尺寸 严格来说,屏幕尺寸实际被物理尺寸和显示分辨率两个部分定义. 而我们今天对各类手机.Pad 设备所说的屏幕尺寸,只指物理尺寸. 如果一块手机屏幕的物理尺寸是 5.5 英寸,即是指该手机屏幕对角线的长度. 屏幕分辨率 屏幕分辨率是指屏幕图像的精密度,是显示器

New UI-获取手机屏幕尺寸与分辨率,屏幕适配,横竖屏问题

New UI-获取手机屏幕尺寸与常用分辨率,屏幕适配,横竖屏问题 --转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途! 小猪Android开发交流群已建立,欢迎大家加入,无论是新手,菜鸟,大神都可以,小猪一个人的 力量毕竟是有限的,写出来的东西肯定会有很多纰漏不足,欢迎大家指出,集思广益,让小猪的博文 更加的详尽,帮到更多的人,O(∩_∩)O谢谢! 小猪Android开发交流群:小猪Android开发交流群群号:421858269 新Android UI实例大全目录:http:/

CSS3自适配手机屏幕[转]

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-sc

CSS3自适配手机屏幕

@media only screen and (max-width:350px){ .img{ width: 80px; height:70px; background-image: url(./images/heart2.png); background-size: 100% 100%; float: left; margin-top: 5%; margin-left: 5%; font-size: 10px; } } @media only screen and (min-width:350