图片外面的div设置宽高自适应width: 100vw; max-width: 640px; display: block; height: 43.75vw; max-height: 280px; flex布局列表换行 display: flex; justify-content: space-between; flex-wrap: wrap; 横向滚动条 display: -webkit-flex; display: flex; overflow: hidden; overflow-x: sc…

网上也有许多的 webapp 填坑记录了,这几个月,我在公司正好也做了2个,碰到了一些问题,所以我在这里记录一下我所碰到的问题: meta 头部声明在开发的时候,刚刚创建 HTML 文件,再使用浏览器的手机模式是没有手机上的效果的,所以要在头部添加: <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=n…

网上也有许多的 webapp 填坑记录了,这几个月,我在公司正好也做了2个,碰到了一些问题,所以我在这里记录一下我所碰到的问题: meta 头部声明在开发的时候,刚刚创建 HTML 文件,再使用浏览器的手机模式是没有手机上的效果的,所以要在头部添加: <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=n…

1. iphone 各机型 机型 分辨率 像素比 物理分辨率 高* 宽 * 后 主屏对角线长度 重量 像素密度(ppi) iphone4/iphone4s 320 * 480 2 640 * 960 4.5x2.31x0.37 in 115.2×58.6×9.3 mm 3.5 in 137/140g  329.65 iphone5/iphone5s 320 * 568 2 640 * 1136 123.8×58.6×7.6 mm 4 in 112g  325.97 iphone6 375 * 6…

此篇文章主要记录在使用datagrid中常见的修改样式方式以及样式效果配图!!!! 一丶存在选中框的时候标题栏合并显示序号字段. 代码展示: onLoadSuccess: function (data) { //调整 按钮div与datagrid之间的3px间距 $('#j_contentButton').css('height', '43px'); //修改全选按钮 $(".datagrid-header-check").html("序号"); $(".…

此篇文章主要记录在使用datagrid中常见的修改样式方式以及样式效果配图!!!! 一丶存在选中框的时候标题栏合并显示序号字段. 代码展示: onLoadSuccess: function (data) { //调整 按钮div与datagrid之间的3px间距 $('#j_contentButton').css('height', '43px'); //修改全选按钮 $(".datagrid-header-check").html("序号"); $(".…

1.font-style 属性指定文本的字体样式. 对应的值有: normal 默认值.浏览器显示一个标准的字体样式;  italic 浏览器会显示一个斜体的字体样式;  oblique  浏览器会显示一个倾斜的字体样式:  inherit 规定应该从父元素继承字体样式. 2.vertical-align 属性设置一个元素的垂直对齐.(如:垂直对齐图像) 例如:vertical-align: 4px; 对应的值有: length baseline          默认.元素放置在父元素的基线上…

最近公司突然给我们下了一个任务  一个星期要做出一个系统网站 外加手机app   2个同事负责 web开发  我负责手机app 的开发 今天终于初级版本做完了,记录一下手机app踩过的坑与优化之路 用到技术 mui+vue.js+webApi   首先是侧滑菜单栏   类似于qq侧滑 1 <!-- 主界面不动.菜单移动 --> 2 <!-- 侧滑导航根容器 --> 3 <div class="mui-off-canvas-wrap mui-draggable mui…

/* Track */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 5px; border-radius: 5px;} /* Handle */::-webkit-scrollbar-thumb { -webkit-border-radius:5px; border-radius: 6px; background: rgba(158, 79…

样式一 #sideBar,#blog_post_info_block { display: none; } #under_post_news { display: none; } /*评论框大小*/ #tbCommentBody.comment_textarea{ width:890px; } /*尾部间距*/ #footer { text-align:center; border-top:2px solid #2F4F4F; margin-left:25px; margin-right:25p…