JS设计移动端页面时会遇到自适应问题,大多数都知道用rem来设置页面的比例大小,下面就来说几种常见的html中的fontsize设置方法: 1.使用flexible.js插件库.  淘宝就是利用这个来设置的.重点说下第二种方法: 2.以下是比较简介的方法: $(function(){ initpage(); $(window).resize(function() { initpage(); }) function initpage() { var view_width = document.ge…

flexible.js 移动端自适应方案 一,flexible.js 的使用方式: github地址:https://github.com/amfe/lib-flexible 官方文档地址:https://github.com/amfe/article/issues/17 本文中有部分内容引至上面这个文档. (一),引用方式 1,引用cdn地址 <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,f…

一,flexible.js 的使用方式: github地址:https://github.com/amfe/lib-flexible 官方文档地址:https://github.com/amfe/article/issues/17 本文中有部分内容引至上面这个文档. (一),引用方式 1,引用cdn地址 <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js" >…

获取设置页面大小 function getMobileData() { var ismobile = false; browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 we…

PC端 (function () { function setRootFontSize() { let rem, rootWidth; let rootHtml = document.documentElement; //限制展现页面的最小宽度 rootWidth = rootHtml.clientWidth < 1366 ? 1366 : rootHtml.clientWidth; // 19.2 = 设计图尺寸宽 / 100( 设计图的rem = 100 ) rem = rootWidth…

checkbox的html <input type="checkbox" name="mySwitch" id="mySwitch"> 引用bootstrap-switch的css和js <link href="~/Content/bootstrap-switsh/bootstrap-switch.css" rel="stylesheet" /> <script src=&qu…

HTML代码 <div  id="my_div">    <video id="my_video"  width="600" height="300" controls >     <source  src="" >    </video></div> JS代码 通过ajax动态设置值 ..... success: function (data)…

方案需求: rem 单位在做移动端的h5开发的时候是最经常使用的单位.为解决自适应的问题,我们需要动态的给文档的根节点添加font-size 值. 使用mediaquery 可以解决这个问题,但是每一个文件都引用一大串的font-size 值很繁琐,而且值也不能达到连续的效果. 就使用js动态计算给文档的fopnt-size 动态赋值解决问题. 设计稿以750为准.其中测试的设计稿中标注此div的width:750px;height:200px; 方案一: <script type="te…

我们知道通过界面设置字段的change事件,是否是必填,是否可见非常容易.但有时我们需要动态地根据某些条件来设置,这时有需要通过js来动态地控制了. 下面分别介绍如何用js来动态设置.   一.动态设置字段的change事件 // form on load event function onLoad() { init();   pageAttr.delivery_from.addOnChange(deliveryFromChange); pageAttr.type.addOnChange(typ…

1设置登录框的js,动态设置高度等 <script> $(document).ready(function () { $() / + "px"); $("input[name='username']").focus(); // checkform(); $("#forget-password").click(function (e) { $("#loginform").hide(); $(); e.preventD…