移动端响应式布局实战(1)

发表于 mobile 分类,标签:
不同屏幕下显示不一样的图片列表,列表中的图片不变形!字体按比例增加!要求呈现效果图片的宽高比为1:2图片之间的间距为10px;<800px 显示2个<1080px显示3个<1280px显示4个<1640px显示5个<1920px显示6个>1920px 显示7个代码:<!DOCTYPEhtml><html><head>  <metacharset="UTF-8">  <title>媒体查询断点</title>  <style>    body{   ...

移动端判断横竖屏的方法

发表于 mobile 分类,标签:
##js(function(){  //是否支持orientation属性和事件onorientationchange  varsupportOrientation=(typeofwindow.orientation==='number'&&typeofwindow.onorientationchange==='object');   //检测横竖屏函数  functiongetOrientation(){    varorientation='';     // ...

移动端拖拽框架

发表于 mobile 分类,标签:
https://slides.com/ ...

HTML5调用android手机摄像头拍照

发表于 mobile 分类,标签:
HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问,用户可以直接用getUserMedia获得摄像头提供的视频流。但实际上用html5调用手机摄像头存在很多问题:1)谷歌的发布的Chrome到了21版本后,才新增了一个用于高质量视频音频通讯的getUserMediaAPI,该API允许Web应用程序访问摄像头和麦克风,其他手机浏览器只有opera支持html5调用本地拍照功能2)两个浏览器均不支持访问多个摄像头:chrome不支持访问后置摄像头,pera支持访问后置摄像头的android手机,浏览器chrome32版本下实现了浏览器调用设备摄像头进行拍照。主要分3个步骤来完成:1)获取视频流添加一个HTML5的Video标签,并将从摄像头获得视频作为这个标签的输入来源var video = documen...