随笔分类 -  响应式布局

css响应有media，js响应有这种
摘要：比如，我不想在移动端执行某js特效可以参考(function(doc, win) { var screenWidth = 0, size = 'M', root = doc.documentElement; if (window.screen && screen.width) { screenWid 阅读全文
posted @ 2016-12-05 09:42 影思密达ing 阅读(521) 评论(0) 推荐(0)
关于响应式图片
摘要：一般都是img{display:block,width:100%},这种的响应式图片是等比例缩放宽高 如果想让图片的高度保持不变的话eg: .cont_center_f1{width:90%;height: 450px; margin:0 auto;}.cont_center_f1 img{widt 阅读全文
posted @ 2016-09-20 14:18 影思密达ing 阅读(150) 评论(0) 推荐(0)
更换样式表
摘要： 阅读全文
posted @ 2016-04-07 22:14 影思密达ing 阅读(108) 评论(0) 推荐(0)
视口
摘要：<!DOCTYPE html><html><head> <title></title><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, 阅读全文
posted @ 2016-04-07 21:57 影思密达ing 阅读(197) 评论(0) 推荐(0)
JQ mobile
摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-sc 阅读全文
posted @ 2016-04-07 21:23 影思密达ing 阅读(415) 评论(0) 推荐(0)
流式布局之百分比宽度布局
摘要： 阅读全文
posted @ 2016-04-07 20:18 影思密达ing 阅读(304) 评论(0) 推荐(0)
关于响应式布局，如何识别访问设备
摘要：引入device.min.js <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script type="text/javascript" src="http://cdn.bootcss.com/device 阅读全文
posted @ 2016-03-29 11:08 影思密达ing 阅读(322) 评论(0) 推荐(0)