js rem 单位适配（手机、平板、PC）？

js rem单位适配

<script type="text/javascript">// 设备区分 （安卓、火狐、平板、PC）var os = function() {var ua = navigator.userAgent,isAndroid = /(?:Android)/.test(ua),isFireFox = /(?:Firefox)/.test(ua),isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),isPC = !(/Android|webOS|iPhone|iPod|BlackBerry/i.test(ua));return {isTablet: isTablet,};}();(function (window, document) {function resize() {var docEl = document.documentElement;var clientWidth = docEl.clientWidth;var clientHeight = docEl.clientHeight;if (clientWidth < clientHeight) { // 手机竖屏docEl.style.fontSize = clientWidth / 7.5 + "px";} else { // 手机横屏 docEl.style.fontSize = clientHeight / 7.5 + "px";}if(os.isTablet) { //ipad if(clientWidth >= 1366) {docEl.style.fontSize = clientWidth / 1366 * 100 + "px";} else {docEl.style.fontSize = clientWidth / 1024 * 100 + "px";}}if (os.isPC) { // pcif(clientWidth >= 1920) {docEl.style.fontSize = 1920 / 19.20 + "px";} else {docEl.style.fontSize = clientWidth / 19.20 + "px";}} }resize();// reset rem unit on page resizewindow.addEventListener("resize", function () {resize()});window.addEventListener('pageshow', function (e) {if (e.persisted) {resize()}});}(window, document));
</script>

js rem 单位适配（手机、平板、PC）？相关推荐

使用chrome调试手机,平板,pc上各种浏览器上的页面
使用chrome调试手机,平板,pc上多种浏览器的页面展示作为web开发者,特别是现代web开发者,是否要调试手机,平板,电脑上的显示效果?chrome自带了这种很强大的神器 1.打开chrome( ...
java 自适应响应式网站源码 SSM 生成静态化手机平板 PC
前台: 支持(5+3[时尚单页风格]) 八套模版, 可以在后台切换点击: 获取地址 QQ 313596790 官网 http://www.fhadmin.org/ 系统介绍: 1.网站后台采用主 ...
java 网站源码四套模版兼容手机平板PC 在线编辑模版 freemaker 静态引擎
前台: 支持四套模版, 可以在后台切换点击:获取地址 QQ 313596790 官网 http://www.fhadmin.org/ 系统介绍: 1.网站后台采用主流的 SSM 框架 jsp JST ...
java自适应响应式企业网站源码 SSM 生成静态化手机平板 PC
java 企业网站源码前后台都有静态模版引擎, 代码生成器大大提高开发效率前台: 支持两套模版, 可以在后台切换系统介绍: 1.网站后台采用主流的 SSM 框架 jsp JSTL,网站后台采用 ...
android 平板投影电视盒子,《家庭影院》将手机/平板/PC全部投影到盒子(电视)_小米盒子论坛...
小米盒子到手,小米盒子本身通过远程安装等方式安装很多视频软件,但是按照广电局的最新发文,估计今后盒子视频软件要被清洗,所以教大家一个方法,将手机/平板/电脑上的视频投影到电视上(借助小米盒子),这样就 ...
移动端微信、QQ浏览器 web 用 rem 单位适配不生效问题
一.首先说下我对 rem 的理解 rem 是根据 html 标签的根字体大小来计算客户端需要适配的大小具体的代码虽然很多人都发了,但是我为了自己回顾时方便,再 copy 一下 (function ( ...
Android端与PC端同步绘画板(二)-适配手机和PC屏幕大小
前言关于手机端与PC端如何建立通讯,请参考: Android端与PC端同步绘画板(一)-使用Socket建立连接这篇文章我们来简单说一下关于手机端和PC端的屏幕适配问题,因为我们都知道因为Andr ...
JS判断客户端是手机还是PC的2个代码
Javascript 判断客户端是否为 PC 还是手持设备,有时候项目中需要用到,很方便的检测,源生的哦,方法一共有两种 1.第一种: 复制代码代码如下: function IsPC() { ...
除手机平板PC外华为终端明年全线搭载鸿蒙系统
12月8日,华为全球旗舰店人头涌动,华为消费者业务软件部总裁王成录出现在深圳万象天地店带来一次EMUI10的表演.王成录表示,明年华为除了手机.平板和电脑,其他终端产品将全线搭载鸿蒙系统,并在海内外同 ...

js rem 单位适配（手机、平板、PC）？

js rem单位适配

js rem 单位适配（手机、平板、PC）？相关推荐

最新文章

热门文章