首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    移动端页面按手机屏幕分辨率自动缩放的js

    minimum-scale='+phoneScale+',maximum-scale ='+phoneScale +',user-scalable=no,">'); 18 } 19       做手机端页面最头疼的就是物理分辨率和逻辑分辨率的转换了...,在手机端的样式也会因此大乱,在页面头部加入以上一段js之后,在手机端就可以正常显示了, var phoneScale = phoneWidth/750; 除以的为设计图设计的页面宽度,750是按iphone6...来设计(根据自己使用需求来修改),即让页面的 放大比率=屏幕的逻辑分辨率/物理分辨率,从而达到适应手机的效果。...试想,浏览器如果把电脑端的980px的网页展现在宽度为750px的iphone6手机屏上,势必会放不下,手机端横向会出现滚动条,怎么阻止这种情况呢,很简单,浏览器默认一个虚拟窗口,不同浏览器有不同的虚拟窗口宽度的默认值如...; opera:850px; Andriod webkit:800px; IE:974px; 然后会把这个980px虚拟窗口装进宽度为750px的iphone6中,当然这样的话必须缩放,这就是为什么在手机中展现电脑端页面没有出现横向滚动条

    7.2K80

    WordPress 手机浏览插件:MobilePress

    其实对于 WordPress 博客的用户,我们可以使用 MobilePress 这款 WordPress 插件,让你的博客适合手机浏览,用户只需在手机浏览器中输入你博客的地址即可。...MobilePress 介绍 MobilePress 是一款 WordPress 插件,它首先通过浏览器的 User-Agent 判断出用户是否使用手机在浏览你的 WordPress 博客,然后它会给博客更换一款适合手机浏览的主题...目前 MobilePress 提供了 Mobile 和 iPhone 两款适合手机浏览的主题,当然你可以给自己的手机设置一款主题上传到该插件目录下的 themes 文件夹中。...和 WP Super Cache 配合使用 如果你的博客安装了 WP Super Cache 这款插件,你需要开启 WP Super Cache 插件中的 Mobile device support 这个选项...,即手机浏览情况下不缓存,MobilePress 插件才有效。

    1.3K10

    Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台

    Element-UI,网站快速成型工具,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element-UI中文官网地址 Express是基于 Node.js 平台,快速、开放...其中文官网地址是:http://www.expressjs.com.cn Node.js (Express.js) + Vue.js (Element UI) 全栈开发王者荣耀手机端官网和管理后台,目前的...【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台 本项目是 Bilibili 全栈之巅 视频教程相关源码 https://github.com/wxs77577/node-vue-moba...、NodeJs+VueJs全栈开发王者荣耀官网(Express+ElementUI) [第一章 + 第二章] NodeJs + VueJs (Express + ElementUI) 全栈开发王者荣耀手机端官网和管理后台...[第三章]NodeJs + VueJs (Express + ElementUI) 全栈开发王者荣耀手机端官网和管理后台 - 第三章 [第四章]NodeJs+VueJs全栈开发王者荣耀官网(Express

    13.2K20

    网页自适配手机端

    博客在手机打开一直不能适配,手机上访问的体验很不好。今天把博客的大部分页面都加了自适配手机端,只要修改每个页面的css 即可。 之前大概知道怎么去改,但是页面太多实在觉得麻烦,就一直没有去改。...当初做博客的时候也没有考虑到手机访问的重要性,所以现在虽然能改,但是也是缝缝补补。 一直想换一套模板的,又觉得要做的实在太多了。不过要想在手机上完美体验还是需要重新做一套前端了,现在先这样用着。...之前呢,考虑到很多人通过链接在手机上打开了我的博客,为了让他们访问加了个电脑访问的提示。通过js判断是否手机打开,如果是就弹窗提示。...css最烦的就是调来调去还差点的,特别是屏幕宽度,就很无语~ 手机适配的话先加个meta viewport。...移动端的布局不同于pc端,首先我们要知道在移动端中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了好几个像素

    4K30

    用BurpSuit的Burpy插件搞定WEB端中的JS加密算法

    一、提问 上次写过一篇文章,那篇文章主要是是针对移动应用进行加解密处理的,今天我们要说的是WEB端的加解密处理方式。 大家在进行WEB渗透测试的时候,有没有像我一样遇到这样的问题?...Burpy(Ver:1.2.5): 一个可以让你能够在Burpsuite中运行自己指定python脚本的插件。...四、WEB调试步骤 1、打开要调试的js脚本,发现js脚本被压缩了,我用的是chrome流量器,可以点一下那个红色的框(pretty printf)浏览器就会自动给我们把格式对齐 ?...2、对齐格式后,在我们需要的地方下断点,点击运行,浏览器就会在相应的地方停止等待我们调试,一步步的走下来,就会来到加密解密的js代码。 ?...七、总结 本文通过一个案例,介绍了如何对WEB端的js脚本进行调试并找到加密算法;然后介绍了如何使用burpy插件,对已经找到的算法进行还原。让我们在进行渗透测试的时候,节省了不少时间。

    4.6K10

    js写插件教程

    ;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...比如你要点击按钮 添加input的值到 div里 var addHtml = function(demo,btn){//插件名,调用的时候直接new一下插件名就行了并传参数或者传对象(一般这个函数名手写字母大写比较好...new addHtml("demo-2","add-2"); //这里是实例2调用插件的代码 //是不是明白为什么要写插件了;要封装;两个相同组件即使有相同的class名在dom...--这里是最简单的插件写法;当然还有传对象参数的插件等等。。。。-->

    42.3K10
    领券