移动端响应式布局实战(1)
发表于
mobile
分类,标签:
04
03月
2020
0
不同屏幕下显示不一样的图片列表,列表中的图片不变形!字体按比例增加!要求呈现效果图片的宽高比为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
分类,标签:
11
02月
2020
##js(function(){ //是否支持orientation属性和事件onorientationchange varsupportOrientation=(typeofwindow.orientation==='number'&&typeofwindow.onorientationchange==='object'); //检测横竖屏函数 functiongetOrientation(){ varorientation=''; // ...
HTML5调用android手机摄像头拍照
发表于
mobile
分类,标签:
25
10月
2015
HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问,用户可以直接用getUserMedia获得摄像头提供的视频流。但实际上用html5调用手机摄像头存在很多问题:1)谷歌的发布的Chrome到了21版本后,才新增了一个用于高质量视频音频通讯的getUserMediaAPI,该API允许Web应用程序访问摄像头和麦克风,其他手机浏览器只有opera支持html5调用本地拍照功能2)两个浏览器均不支持访问多个摄像头:chrome不支持访问后置摄像头,pera支持访问后置摄像头的android手机,浏览器chrome32版本下实现了浏览器调用设备摄像头进行拍照。主要分3个步骤来完成:1)获取视频流添加一个HTML5的Video标签,并将从摄像头获得视频作为这个标签的输入来源var video = documen...