杭州前端外包

欢迎访问前端开发外包|靠谱web杭州前端工程师外包最新发布

移动端js动态获取像素比

移动端js动态获取像素比

<script>

var iScale=1;

iScale=iScale/window.devicePixelRatio;

document.write('<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=' +iScale+ ',minimum-scale=' +iScale+ ',maximum-scale=' +iScale+ '">')

...

移动web页面字体的使用

手机系统 ios、android 等是不支持微软雅黑字体,为了满足产品的需要,保证视觉稿的还原度,手机端是如何定义微软雅黑字体呢?

1、 @font-face 定义为微软雅黑字体并存放到 web 服务器上,在需要使用时被自动下载。

雅黑字体问题虽然解决了,但也带来了影响,一来消耗用户的流量,二来对页面的打开速度造成了延迟。

...

CSS3阴影 box-shadow的使用和技巧总结

box-shadow属性的参数设置取值


阴影类型:此参数可选。如不设值,默认投影方式是外阴影;如取其唯一值“inset”,其投影为内阴影;


X-offset:阴影水平偏移量:其值可以是正负值。如果值为正值,则阴影在对象的右边,其值为负值时,阴影在对象的左边;


Y-offset:阴影垂直偏移量:其值也可以是正负值。如果为正值,阴影在对象的底部,其值为负值时,阴影在对象的顶部;

...

html5.js让IE8以下浏览器(包括ie8)支持HTML5语义化标签的元素方法

怎样让IE8以下浏览器支持HTML5语义化标签的元素方法,可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题。(仅支持HTML5语义化标签及部分标签,并不是所有的都支持

我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement_x声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。

...

使用谷歌浏览器中的审查元素下载任意网页上的视频

下载步骤如下:

1、打开视频所在网页

2、页面右击选择审查元素

3、选择Network

4、播放视频

5、点击在Network中查看size最大值且数字正在变化的文件名

6、右侧Request URL:后面的就是地址,然后复制

7、选择迅雷或在浏览器地址栏直接下载(迅雷下载境外视频可能会需要设置代理)

8、下载后的文件名后缀改成.flv


...

Meta标签中的format-detection属性及含义

format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:

meta name="format-detection" content="telephone=no"

meta name="format-detection" content="email=no"

...