![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web app
jidongdesheyou_xl
这个作者很懒,什么都没留下…
展开
-
触摸touch
1、2、3、4、5、6、原创 2017-03-03 16:09:06 · 198 阅读 · 0 评论 -
响应式设计
媒体查询@media screen and (max-width:1024px){#pagewrap{width:95.5%;}#content{width:62%;}#content .article .hr{width:66%;margin-left:34%;}}设计点一:百分比布局仅仅使用媒体查询来适应不同的固定原创 2017-03-03 12:39:32 · 383 阅读 · 0 评论 -
移动web特别样式处理
1、高清图片在移动web页面上渲染图片,为了避免图片产生模糊,图片的宽高应该用物理像素单位渲染,即是100*100的图片,应该使用100dp*100dpwidth:(w_value/dpr)px;height:(h_value/dpr)px;2、3、4、5、6、原创 2017-03-03 14:23:15 · 314 阅读 · 0 评论 -
终端交互_Tap基础事件
1、2、3、4、5、原创 2017-03-03 15:15:15 · 249 阅读 · 0 评论 -
Flex弹性盒模型
【flex】display:-webkit-flex;【flex-direction】------排布的方向----- flex-direction:row;/*default水平方向(从左到右)*/display:-webkit-flex; flex-direction:row-reverse;(水平方向,从右到左)display:-webkit-fl原创 2017-03-03 01:34:51 · 551 阅读 · 0 评论 -
Flexbox弹性盒子布局
解决根据元素个数不同,自动填充容器原创 2017-03-02 16:57:07 · 346 阅读 · 1 评论 -
Viewport_coding
原创 2017-03-02 16:37:38 · 127 阅读 · 0 评论 -
Viewport_Meta标签
(控制台)JS代码查看布局Viewport(document.body.clientWidth),窗口Viewport(window.innerWidth)原创 2017-03-02 15:56:50 · 218 阅读 · 0 评论 -
移动开发像素知识
1、PX: CSS pieels 逻辑像素,浏览器使用烦人抽象单位2、dp,pt: device independent pixels 设备无关像素3、dpr: devicePixelRatio 设备像素缩放比计算公式 : 1px = (dpr)*(dpr)*dp DPI:打印机每英寸可以喷的墨汁点(印刷行业)PPI:屏幕每英寸的像素数量,即单位英寸内的像素原创 2017-03-02 12:31:18 · 335 阅读 · 0 评论 -
为什么不使用默认的980px的布局Viewport
原创 2017-03-02 15:49:23 · 543 阅读 · 0 评论