/* eslint-disable */ import XLSX from 'xlsx'; function auto_width(ws, data){ /*set worksheet max width per col*/ const colWidth = data.map(row => row. ...
分类：
其他好文 时间：
2020-05-23 00:18:48
阅读次数：
62
媒体查询：针对不同的媒体类型定义不同的样式！ 常见的媒体类型 1.screen:用于电脑屏幕，平板电脑，智能手机 2.speech:应用于屏幕阅读器等发声设备 3.all:用于所有设备 常见的媒体功能 1.max-width:定义输出设备中网页最大的可见区域宽度 2.min-width:定义输出设备 ...
分类：
移动开发 时间：
2020-05-22 21:13:38
阅读次数：
79
流式布局（百分比布局）： 流式布局，也就是百分比布局，也称非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充 流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度（max-height 最大高度） min-width ...
分类：
移动开发 时间：
2020-05-17 17:47:06
阅读次数：
81
第一步：先写好重置的样式。直接复制粘贴即可 @media all and (max-width: 320px){ html{ font-size: 12px; } } @media all and (min-width: 321px) and (max-width: 375px){ html{ fo ...
分类：
移动开发 时间：
2020-05-14 10:41:54
阅读次数：
90
这篇文章，主要是总结一下，我在移动端布局用过的方法。有三种，一种是响应式布局，利用@meida判断各个size；第二种是REM；最后是设置viewport中的width。 响应式布局 这种感觉是最好理解了，利用@media进行断点，在每个断点中编写css。 @media (max-width:768 ...
分类：
移动开发 时间：
2020-05-12 20:08:30
阅读次数：
91
这是之前项目的rem基本设置，这样，在vscode中安装cssrem插件后，改成1rem=15px，其他的屏幕也将得到相应适配。 @media (min-width: 240px) and (max-width:320px) { html { font-size:12.8px!important } ...
分类：
移动开发 时间：
2020-05-11 13:19:01
阅读次数：
269
现在我们要实现一个边框内圆角的效果，效果图如下所示： 第一反应肯定是用两个标签来实现，但是如果只用一层标签的话，可以实现么我们首次的构想可能是这样子的 div { outline: .6em solid green; max-width: 10em; border-radius: .8em; pad ...
分类：
Web程序 时间：
2020-05-10 19:25:38
阅读次数：
71
我们在上传图片时经常需要判断图片的尺寸是否在要求范围内 <input type="file" onchange="loadPic(this)"/> var Max_Size = 2000; //2M var Max_Width = 100; //100px var Max_Height = 200; ...
分类：
Web程序 时间：
2020-05-06 14:00:08
阅读次数：
85
1. 可用于将PC版页面指向移动版页面，将移动版页面指向PC版页面，这样有利于搜索引擎，对不同设备的用户提供不同类型的页面 PC版本页面head应添加 <link rel="alternate" media="only screen and (max-width:640px)" href="http ...
分类：
其他好文 时间：
2020-04-05 18:32:59
阅读次数：
117
1.准备Html文本 <%-- img标签--%> <asp:Image ID="Sys_Adpic1" runat="server" Style="max-width: 200px;" /> <%-- 缩放照片div--%> <div id="ViewQi" class="ViewQistyle" ...
分类：
Web程序 时间：
2020-03-25 10:45:42
阅读次数：
395
