首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

    ,当拿到设计图的时候,图基本都是按物理分辨率来设计的,一般常用的为640(iphone5/5s)、750(iphone6/6s),而谷歌等浏览器采用小手机模式浏览页面的时候,上面的值为逻辑分辨率,调试的时候很难把控页面样式...,在手机端的样式也会因此大乱,在页面头部加入以上一段js之后,在手机端就可以正常显示了, var phoneScale = phoneWidth/750; 除以的为设计图设计的页面宽度,750是按iphone6...来设计(根据自己使用需求来修改),即让页面的 放大比率=屏幕的逻辑分辨率/物理分辨率,从而达到适应手机的效果。...(注意,有时候页面加了这段代码在调试的时候,切记刷新,刷新过后就会按手机缩放比例显示) 概念解析: phys.width:一般我们所指的宽度width即为phys.width,物理宽度(物理分辨率) device-width...; opera:850px; Andriod webkit:800px; IE:974px; 然后会把这个980px虚拟窗口装进宽度为750px的iphone6中,当然这样的话必须缩放,这就是为什么在手机中展现电脑端页面没有出现横向滚动条

    5.4K80

    实用代码,批量下载手机壁纸!

    前言 今天一番在22:30开始准备今日的日更,冒着极大的断更风险,研究了一个开源项目,批量下载手机壁纸。 因为一番每天都为文章开头的配图挠头,正向从网上批量抓取一些美图,以充实库存。...刚好,一番昨日的文章里有这么一个抓取手机背景图片的开源项目,于是一番今天尝试了下。 要知道,一般调试一段未知代码,一两个小时很可能啥也干不了。...目标网站 ZOL手机壁纸:http://sj.zol.com.cn/bizhi/ ?...扩展 这只是简单的将代码运行起来,爬虫主要是页面解析,可以在此基础上继续改造自己想要的功能。...壁纸获取 差不多下载了800M的手机壁纸,需要的同学可以在一番微信(不是公众号)回复关键字『A0001』,获取下载链接。

    1.1K20

    使用weinre调试手机页面

    功能与Firebug及chrome调试器类似,可以帮助我们即时更改页面元素、样式,调试JS等。 工作原理 ?...待调试的页面。你需要在页面中嵌入一小段js。它将通过XHR方式与debug server通信,进行调试信息的收发。 安装 安装十分方便。以linux机器为例,首先你需要有node.js。...假设我们要调试的页面运行在10.136.30.144:3927 页面中引入js后,用手机浏览器打开待调试页面 http://10.136.30.144:3927/new 4....开始调试 手机访问页面后,我们回到步骤2中所说的调试界面。发现此时,targets中多了一条,即是我们在步骤3中用手机打开的待调试页面。 ?...用手机连续访问多页面,这些页面都会在targets中列出,选中其中一个,即可进行调试。 2. 点击调试页面中的remote, 可以从调试页面切回targets列表。 3.

    1.2K30
    领券