摘要: ul { width: 100%; display: flex; flex-wrap: wrap;} li { flex: 1; width: 25%; min-width: 25%; max-width: 25%; } 阅读全文
posted @ 2019-09-12 17:24 yuan9580 阅读(1006) 评论(0) 推荐(0) 编辑
摘要: 一般情况下,根据分辨率加载pc端 wap端 pad端三个css文件,示例: 只有一个css文件情况下,根据分辨率调整css样式,示例: 阅读全文
posted @ 2019-09-12 17:20 yuan9580 阅读(536) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <title>横向滑动</title> <style type="text/css"> .slide-box{ margin-top: 200px; display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling:touch; } .slide-item{ widt 阅读全文
posted @ 2019-09-12 17:17 yuan9580 阅读(865) 评论(0) 推荐(0) 编辑
摘要: <html> <head> <style> .over {position: fixed; left:0; top:0; width:100%; z-index:100;} .tempContainer {position:fixed; width:100%; margin-right:0px; margin-left:0px; text-align:center; z-index:101;} < 阅读全文
posted @ 2019-09-12 17:15 yuan9580 阅读(11750) 评论(1) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .container-wrap { width: 100%; height: 50px; background-color: rgba(0,0,0,0.8); white-space: nowrap; overflo 阅读全文
posted @ 2019-09-12 17:15 yuan9580 阅读(1399) 评论(0) 推荐(0) 编辑
摘要: 返回顶部 #back-to-top{ position:fixed; display:none; bottom:100px; right:80px; } #back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block;... 阅读全文
posted @ 2019-09-12 17:13 yuan9580 阅读(167) 评论(0) 推荐(0) 编辑