JS 控制wap页面viewport正常显示

首先你要设置meta viewport属性。

<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi, user-scalable=yes">

然后再JS代码中设置如下代码:

var viewport = document.querySelector("meta[name=viewport]");
var winWidths=$(window).width();
var densityDpi=600/winWidths;
densityDpi= densityDpi>1?300*600*densityDpi/600:densityDpi;
viewport.setAttribute(‘content‘, ‘width=600, target-densityDpi=‘+densityDpi);

其中600为页面原始尺寸,需要根据实际修改做修改。

时间: 2024-11-04 03:36:29

JS 控制wap页面viewport正常显示的相关文章

js 控制 easyui datagrid 隐藏之后显示不来的问题

最近有的用到easyui的datagrid,有一个这样的需求,就是当触发一个事件之后控制datagrid的显示与隐藏,初始状态是将其datagrid隐藏起来. 说起隐藏datagrid的时候,也遇到了一些问题,关于easyui的datagrid是不可以直接用display这个属性的,那若是想要隐藏这个table,那么就要在它的外面写一个父级div,然后通过控制这个div的隐藏与显示去满足这个需求. <div class="divEditTabKc" style="dis

父窗口采用js控制iframe页面样式

父窗口demo <html> <head></head> <script language="javascript"> function show(){ //如果当前页与被iframe的页面属于不同域,则调用失效 window.frames['myframe'].document.getElementsByClassName("titleLink").item(0).href = "javascript:;&

用js控制选项卡的隐藏与显示

通过使用ul和div来,借助于jquery来实现选项卡的显示与隐藏 <form action="" method="post"> <div> <ul> <li><a id="atab1" class="atab">基基基基</a></li> <li><a id="atab2" class="ata

js 控制框架页面跳转 top.location.herf = &quot;url&quot;

top.location.href和localtion.href有什么不同 top.location.href=”url”          在顶层页面打开url(跳出框架) self.location.href=”url”         仅在本页面打开url地址 parent.location.href=”url”     在父窗口打开Url地址 this.location.href=”url”     用法和self的用法一致      if (top.location == self.l

通过js控制html页面不能右键,复制等

//Method one //document.oncontextmenu=new Function('event.returnValue=false;');        document.oncontextmenu = function (e) { e = e || window.event; e.returnValue = false; }        document.onselectstart = new Function('event.returnValue=false;');//

js 控制 head 元素 隐藏与显示

就把那段script加到head之间.<script type="text/javascript">if(screen.width<=1240){document.write("<link rel='stylesheet' type='text/css' href='css/index_1240.css' />");}</script> DOM中document对象的write方法,将一段HTML代码或是一段文本内容输出到文

如是使用JS实现页面内容随机显示

之前有个客户咨询我,因为他们公司的业务员有多个人,但公司网站的联系方式板块里只够放一个人的信息,所以就想能不能实现这个联系方式信息随机显示,对于业务或客服人员来说也能做到分配均匀公平.本文我们将和大家一起分享,如何使用js控制实现页面内容随机显示. 这里我以本地的蝉知建站系统为例,给大家演示一下实现流程. 首先将想要显示的不同内容分别放到不同的盒子里(div),并用ID属性标记好.例如: <div id="p1"> <p>联系人:张三</p> <

如何使用JS实现页面内容随机显示

之前有个客户咨询我,因为他们公司的业务员有多个人,但公司网站的联系方式板块里只够放一个人的信息,所以就想能不能实现这个联系方式信息随机显示,对于业务或客服人员来说也能做到分配均匀公平.本文我们将和大家一起分享,如何使用js控制实现页面内容随机显示. 这里我以本地的蝉知建站系统为例,给大家演示一下实现流程. 首先将想要显示的不同内容分别放到不同的盒子里(div),并用ID属性标记好.例如: 1 <div id="p1"> 2 <p>联系人:张三</p>

js控制TR的显示影藏

在很多现实的场景中,有的文本框我们希望在选择“是”的按钮之后才出现,这就需要js控制TR的隐藏和显示,(div的影藏显示类似) 以下是一段选择是的按钮就显示身高和体重的文本框的代码.注意:ready方法必须要引用jquery的库. 1.html Code <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <