码迷,mamicode.com
首页 >  
搜索关键字:device-width    ( 1489个结果
移动WEB开发之viewport
问题: 在codepen上写了一个响应式页面,调试的时候没有问题。结果放到网站上,在手机上打开之后竟然和在电脑中的布局是一样的。 查阅资料之后知道响应式布局应该有这样一句话:<meta name="viewport" content="width=device-width,initial-scale ...
分类:移动开发   时间:2016-11-23 07:29:03    阅读次数:187
移动端屏幕自适应js与rem
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <meta content="telephone=no" name="forma ...
分类:移动开发   时间:2016-11-22 17:01:02    阅读次数:293
二维码生成器(来源黑白猪的博客)
<!doctype html><html><head> <meta charset="utf-8"> <title>二维码生成</title> <meta name="viewport" content="initial-scale=1, width=device-width, maximum-sc ...
分类:其他好文   时间:2016-11-22 13:14:48    阅读次数:214
jQuery获取鼠标移动方向
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, i ...
分类:移动开发   时间:2016-11-21 19:55:32    阅读次数:205
手机页面的 HTML<meta> 标签使用与说明
name="viewport“ 设置窗口(网页可绘制的区域) width=“device-width” 应用宽与屏幕的宽一样的 (height同width) initial-scale="1.0" 应用程序启动是缩放尺寸 minmum-scale=”1.0“ 用户可缩放的最小尺寸,1.0表示不缩放( ...
分类:移动开发   时间:2016-11-20 19:17:01    阅读次数:226
使用gulp将移动端xp转为rem
使用gulp的插件可以很方便的将xp转为rem,在布局的时候使用@1x 、@2x布局,即10rem=device-width;@1x即设计图为320px,1rem对应的10px像素,相对的@2x即为布局使用640px的布局,1rem=20px像素;不过浏览器有默认最小字体,谷歌浏览器默认的最小的字体 ...
分类:移动开发   时间:2016-11-20 06:30:08    阅读次数:372
angularjs 下拉框
@{ Layout = null;} <!DOCTYPE html> <html><head> <meta name="viewport" content="width=device-width" /> <title>货位档案</title> @Scripts.Render("~/bundles/j ...
分类:Web程序   时间:2016-11-17 19:38:14    阅读次数:322
移动端JD首页H5页面
1:理解View :<meta name="viewport" content="width=device-width,initial-scale=1.0"> 2. 自适应宽度:width:100%,max-width:640px,min-width:320px 3. 单位:我们可以用px也可以re ...
分类:移动开发   时间:2016-11-15 16:24:28    阅读次数:427
适应web端和移动端的canvas写字板(初版)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="height=device-height width=device-width, initial-scale = 1 ...
分类:移动开发   时间:2016-11-12 11:24:02    阅读次数:309
css3实现小米商城鼠标移动图片上浮阴影效果
今天在编程爱好者编码库看见一个好玩的程序,代码如下。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, us ...
分类:移动开发   时间:2016-11-11 23:22:30    阅读次数:408
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!