您好,欢迎光临! 请 |

h5 微信开发页面尺寸大小

h5 微信开发页面尺寸大小

首先iPhone6在微信上的设计尺寸大小与实际展示大小 导航栏+iphone状态栏高度: 64px =  导航栏44+状态栏20   iphone4 屏幕总宽度: 320px 屏幕总高度: 480px 微信网页可视高度: 416px   iphone 5 / 5c / 5s /se 屏幕总宽度: 320px 屏幕总高度: 568px 微信网页可视高度: 504px iphone6  /  iphone 7 屏幕总宽度: 375px 屏幕总......

在PC端调试微信手机页面方法

在PC端调试微信手机页面方法

场景 假设一个手机页面,开发者对其做了限制,导致只能在微信客户端中打开。而众所周知手机上非常不利于调试页面,所以需要能在电脑上打开并进行调试。这里针对常见的三种页面做一下分析,一一绕过其限制,(当然不要拿去干坏事) 工具准备 ‍‍‍‍1、方便调试的浏览器。个人喜欢Chrome,本文基于Chrome 43.0.2357.130 (正式版本) m (32 位......

Chrome devtools inspect后打开空白解决办

Chrome devtools inspect后打开空白解决办法

解决方案一: 因为chrome inspect需要加载 https://chrome-devtools-frontend.appspot.com 上的资源,所以需要翻墙。 GoogleChrome/ADBPlugin#14   解决方案二: 编辑hosts文件,添加: 61.91.161.217    chrome-devtools-frontend.appspot.com 61.91.161.217    chrometophone.appspot.com 或 74.125.25.141 chrome-devtools-front......

HTML5屏幕适配标签meta设置

HTML5屏幕适配标签meta设置

开发HTML5游戏中,我们常用的一些mata标签: <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 ) height: viewport 的高度 (范围从 223 到 10,000 ) initial-scale: 初始的缩放比例 (范围从>0到 10......

手机端rem布局详解 - 浅析淘宝与网易团队

手机端rem布局详解 – 浅析淘宝与网易团队

从网易与淘宝的font-size思考前端设计稿与工作流 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:)。 这是淘宝的github网址,里面有适配所需的js还有说明文档 地址:https://github.com......

手机上的图片展示 PhotoSwipe

手机上的图片展示 PhotoSwipe

PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。 官方网站 http://www.photoswipe.com/ 源码示例 http://github.com/downloads/codecomputerlove/PhotoSwipe/code.photoswipe-3.0.5.zip Github https://github.com/codecomputerl......

HTML5十五大新特性

HTML5十五大新特性

HTML5想必大家都很熟悉了。然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的15项你必须知道的新特性。 一起来看下: 1.新的文档类型  (New Doctype) 目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型:   1.<!DOCTYPE html PUBLIC preload"或者只是preload。   1.<.video preload>.  ......

移动端自适应:flexible.js可伸缩布局使用

移动端自适应:flexible.js可伸缩布局使用

阿里团队开源的一个库。flexible.js,主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。 实现方法: 通过JS来调整html的字体大小,而在页面中的制作稿则统一使用rem这个单位来制作。关键代码如下: ;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = do......

HTML5移动端手机网站开发流程

HTML5移动端手机网站开发流程

最近一直在研究移动手机网站的开发,发现做手机网站没有想象中的那么难。为什么会这么说呢?我们试想下:我们连传统的PC网站都会做,难道连一个小小的手机网站难道都搞不定吗?其实手机网站就是一个微缩版的PC网站罢了!至于为什么觉得难、觉得无从下手。 段亮觉得有以下几点: 一、没有完整的思路和流程 就像做网站的流程一样,如果你能知......

iOS 4.2+webfont(TTF)的加粗字体重量

iOS 4.2+webfont(TTF)的加粗字体重量渲染错误

这一个是相当注明:指定TTF字体渲染font-weight:bold不正确的探险之旅,开放的现场演示与iPhone / iPad的与iOS 4.2/4.3 Beta 3版本或以上: (这是Reenie +豆豆从谷歌字体) 屏幕捕获 你看到粗体字体看起来双重渲染。这不是小字体大小显著,但对于大的字体大小/缩放在相当显著 我的朋友会报告这个错误给苹果。然而,任何事情他可以做些什......

原生App切图的那些事儿

原生App切图的那些事儿

如何切图? 了解iphone界面的尺寸 最小的分辨率是320x480,我们把这个尺寸定为基准界面尺寸(baseline),基准尺寸所用的图标定为1倍图(1x)。 在实际设计过程中,为了降低设计成本,一般拿设备最高的分辨率作为设计稿的原始尺寸,拿iphone来说就是iphone5或5s的640x1136啦,当然也可以用iphone4或4s的640x960,因为宽度都是640px,他们......

[转] 网页浏览毫秒必争,超强前端网页性能总

[转] 网页浏览毫秒必争,超强前端网页性能总结三

用 link 代替@import 避免使用@import的原因很简单,因为它相当于将css放在网页内容底部。 避免使用Filters AlphaImageLoad也是IE5.5 – IE8中支持,这种滤镜的使用会导致图片在下载的时候阻塞网页绘制,另外使用这种滤镜会导致内存使用量的问题。IE9中已经不再支持。 Javascript 将脚本置底 HTTP/1.1 specification建议浏览器对同一个hos......