![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端布局
余张的故事
https://zhangxingr.github.io/about/
展开
-
简述响应式页面
个人理解 响应式页面的核心就是在不同的分辨率下改变内容宽度。 实现响应式页面四大要点 在html头部加上 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> viewport代表视图,width=d原创 2016-12-14 23:15:30 · 377 阅读 · 0 评论 -
更简单的布局方式-FlexBox
flexBox语法1.1 1.2 html * <div id="box"> <div><img src="img/19_222949_10.jpg"/></div> <div><img src="img/19_222949_6.jpg"/></div> <div><img src="img/19_222949_原创 2016-12-13 10:54:05 · 293 阅读 · 0 评论 -
移动端页面开发遇到的问题
最近做移动端页面开发,在微信和qq上测试遇到了许多意想不到的问题。问题 开始使用的flexbox新版语法,都做了几个页面了,在微信上测试就错位了,原来是微信QQ使用使用的腾讯自己的X5内核的浏览器。该浏览器不支持flex-wrap:wrap宽度不够自动换行的语法。 后来通过浮动的方式来调整自动换行的问题,结果又遇到有朋友的手机是ios6的系统,打开页面一片惨淡。后来查阅到,ios8以下的系统不支持f原创 2016-12-22 14:18:26 · 654 阅读 · 0 评论 -
canvas编写同心圆
直接上代码最终页面 需要的插件 Chart.js html代码<canvas id="canvas_circle" height="120" width="120" style="margin-bottom: 0px;"> 浏览器不支持canvas </canvas>js代码//绘制饼图 function drawCircle(canvasId, data_arr, color原创 2016-12-23 09:37:20 · 2136 阅读 · 0 评论 -
js制作日历
最近在开发过程中,用到了js制作日历。最终效果插件RendezVous.js代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的微店</title> <meta name="viewport" content="width=device-width, initial-sca原创 2016-12-30 17:04:49 · 2042 阅读 · 0 评论