码迷,mamicode.com
首页 >  
搜索关键字:device-width    ( 1489个结果
css3响应式布局
css3的新特性响应式布局,通过@media screen and (min-width: ) and (max-width: ) {};来实现页面的响应式设计,来适应不同的终端。需在头部添加:<meta name="viewport" content="width=device-width, in ...
分类:Web程序   时间:2016-07-09 08:10:26    阅读次数:210
弹性 盒模型
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> #main { width:220px ...
分类:其他好文   时间:2016-07-05 14:08:29    阅读次数:150
Bootstrap
前言:浏览器兼容性 响应式的解决方案! 好好研究下吧! 一:全局CSS样式 1.<html lang="zh-CN"> 2.原生的感觉:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale= ...
分类:其他好文   时间:2016-07-05 10:20:51    阅读次数:182
myscroll
<!DOCTYPE html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial- ...
分类:其他好文   时间:2016-07-04 11:48:27    阅读次数:196
网页手机横屏竖屏下字体在大小不一样
@media screen and (max-device-width: 320px) {body {-webkit-text-size-adjust:none}}@media screen and (max-device-width: 480px) {body {-webkit-text-size ...
分类:移动开发   时间:2016-07-01 18:24:24    阅读次数:185
jqery append appendTo after insertAfter before用法
<html> <head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"> <metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0"> <metaco..
分类:移动开发   时间:2016-06-29 16:09:14    阅读次数:265
bootstrap的模态简单案例
使用时需添加bootstrap的引用,否则实现不出来效果<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>Index</title> 注意此处的引用顺序 这里使用ajax做 ...
分类:其他好文   时间:2016-06-28 23:22:37    阅读次数:295
下拉刷新
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" i ...
分类:其他好文   时间:2016-06-24 09:14:30    阅读次数:102
响应式
响应式 需要设置viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> width=device-width 表示显示当前视窗宽度 initial-scale= ...
分类:其他好文   时间:2016-06-23 18:33:46    阅读次数:129
20160622 html5移动页面自适应屏幕宽度
html5移动页面自适应屏幕宽度 1.使用meta标签,在头部加入下面代码 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user- ...
分类:移动开发   时间:2016-06-22 23:19:27    阅读次数:244
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!