font

移动端完美适配方法

北战南征 提交于 2020-01-14 00:02:39
采用 vw + rem rem (font size of the root element)是指相对于 根元素 的 字体大小 的单位。 vw 是可视窗口的宽度单位,不受设备分辨率影响, width: 1vw = width: 1%。倘若 浏览器宽1000px,1vw = 10px 移动设备的原型图一般都是二倍图(宽750px) // 750/7.5 = 100 即 1rem = 100px,原型图上的 px单位 都除以100 单位换成rem即可 // 除数不设置成 75 ,是因为有的浏览器最小font-size 为 12px,小于12以12处理,会造成偏差 html { font-size: calc(100vw/7.5); } 来源: CSDN 作者: CherryCola_zjl 链接: https://blog.csdn.net/CherryCola_zjl/article/details/103962430

HTML5 & MUI 界面样式

流过昼夜 提交于 2020-01-13 13:25:05
什么?这是要做前端的节奏吗?只要公司有需要,我分分钟变身、前端、美工、UI、交互、后端、数据库管理员......快速学习、快速响应,快速适应。公司需要我干啥,我就干啥,而我存在于公司的意义就是利用所学的东西帮公司解决问题......事实上,如果让一个人来搞定整个项目包括移动端、PC端等等,那你还不是被逼得啥都会。 垂直居中+自动换行 样式效果如下所示,当文字没有超出一行时,显示如“备注信息”,当文字超出一行时,显示如“维修地点” HTML代码如下: <div class="mui-input-row multi-line"> <div class="box label-right"> <div class="div-leftauto">维修地点</div> <div class="wrap">广东省深圳市南山区西丽街道桃源路1001号</div> </div> </div> css样式如下: /*不固定高宽div垂直居中的方法:其它页用*/ .box {width: 100%;height: 40px;border: 1px solid #FFF;display: table;margin-right:5px;} .wrap{display: table-cell; vertical-align: middle; width: 100%;padding: 6px 0px;line

pdfium例子

两盒软妹~` 提交于 2020-01-13 10:21:09
FPDF_InitLibrary(NULL); /* CFX_FolderFontInfo sysfont; CFX_FontMapper fontmap; CFX_Font myfont; IFX_SystemFontInfo *isysfont = NULL; IFX_FontMapper *ifontmap = NULL; CFX_FontMgr fontmgr; fontmgr.InitFTLibrary(); fontmgr.m_pExtMapper = new CFX_FontMapper(); fontmgr.m_pExtMapper->m_pFontMgr = &fontmgr; */ FPDF_DOCUMENT outdoc; // string inpdf = "/home/lyd/work/gnpdf/441.pdf"; // outdoc = FPDF_CreateNewDocument(); // CPDF_Document* cpdf_doc_ = CPDFDocumentFromFPDFDocument(outdoc); // const CPDF_Font* stock_font = CPDF_Font::GetStockFont(cpdf_doc_, "sysfFS"); //SimSun // int type = stock_font-

harry -azhu99

限于喜欢 提交于 2020-01-13 02:50:30
import tkinter as tk import dui import taiji import cai mw = tk . Tk ( ) mw . title ( 'azhu99' ) mw . geometry ( '500x500' ) def duidraw ( ) : dui . draw ( ) btn1 = tk . Button ( mw , text = "对称图形" , font = ( None , 20 ) , bg = "#43CD80" , fg = 'black' , command = duidraw ) btn1 . place ( x = 10 , y = 10 , width = 200 , height = 50 ) def duistar ( ) : dui . star ( ) btn2 = tk . Button ( mw , text = '满天星' , font = ( None , 20 ) , bg = '#43CD80' , fg = 'black' , command = duistar ) btn2 . place ( x = 230 , y = 10 , width = 200 , height = 50 ) def jie ( ) : import pygame import random import time

LODOP打印插件

…衆ロ難τιáo~ 提交于 2020-01-12 14:44:26
HTML代码(请先下载对应LODOP插件安装) - 打印onclike事件CreatePrintPage()打印函数,LODOP.PREVIEW()打印预览。 <div class="container-fluid"> <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0" height="0"> <embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0"></embed> </object> <font size="6"><span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true" onclick="history.back();"></span>如果您所使用的计算机是第一次使用本系统,请安装所需控件。<a href="install_lodop32.zip">点击下载</a></font><br /> 进入<a style="font-size:20px;font-weight:bold;" href="javascript:;" onclick="javascript:

JavaWeb简易随机图片验证码

时光总嘲笑我的痴心妄想 提交于 2020-01-11 23:00:37
通过简单的Servlet和HTML实现简易随机图片验证码 效果图 可以根据需要再修改图片效果 代码 Servlet代码(该有的注释都有了) package servlet . OutImage ; import javax . imageio . ImageIO ; import javax . servlet . ServletException ; import javax . servlet . annotation . WebServlet ; import javax . servlet . http . HttpServlet ; import javax . servlet . http . HttpServletRequest ; import javax . servlet . http . HttpServletResponse ; import java . awt . * ; import java . awt . image . BufferedImage ; import java . io . IOException ; import java . util . Random ; @WebServlet ( "/responseDemo4" ) public class ResponseDemo4 extends HttpServlet {

(四)DIH导入结构化数据

…衆ロ難τιáo~ 提交于 2020-01-11 07:38:39
(四)DIH导入结构化数据   目前大多数的应用程序将数据存储在关系数据库(如oracle、sql server 、mysql等)、xml文件中。对这样的数据进行搜索是很常见的应用。所谓的DataImportHandler提供一种可配置的方式向solr导入数据,即可以一次全部导入,也可以增量导入。还可以声明式提供可配置的任务调度,让数据定时的从关系型数据库更新数据到solr服务器。 一、环境   1、windows 7   2、jdk1.8   3、tomcat8   4、solr7.1.0   5、mysql5.5  6、IK分词器(支持solr7的最优版本,ik低版本不支持solr7) 二、配置ik分词器   solr7.1中进行IK中文分词器的配置和solr低版本中最大不同点在于IK 分词器中jar包的引用。   一般的IK分词jar包都是不能用的(如:IKAnalyzer2012FF_u1.jar这种就不能用),因为IK分词中传统的jar不支持solr7.1这个高版本的,所以就会发送运行错误的界面。   下面的这个错误是血淋漓的教训。 solr7.1下IK中文分词器的安装配置。   1、下载支持solr7.1的IK版本   下载solr7.1专用的IK 分词器的jar包和相应的配置文件。   2、拷贝jar文件到 solr项目下的WEB-INF\lib目录  

idea ultimate调整字体

若如初见. 提交于 2020-01-11 05:17:25
三个位置: 1. appearance&behavior的Appearance顶部,勾选use custom font之后可以设置idea边框的字体; 2. editor的font,可以设置代码字体格式; 3. editor的color scheme下面的color scheme font与console font,可以覆盖以上字体设置。 另外: 如果设置后点击apply无效,重启试试。 来源: CSDN 作者: 快乐的小J 链接: https://blog.csdn.net/muzhixi/article/details/103904401

css_day01

半城伤御伤魂 提交于 2020-01-10 18:42:42
cascading style sheets 一、引用css样式表的三种方式: (1)行内式(内联样式)(不太常用,控制范围小) (2)内部样式表(内嵌样式表)(若为html5,type="text/css"这句可省略) 实现了部分样式和结构相分离,但并不彻底 (3)外部样式表(外链式)* 完全实现了结构与样式相分离 link: rel="stylesheet"表示引入的是一个样式文件(必须写的) type="text/css"类型(也是代表引入的类型,但是在html5中此句可省略) href=""路径 二、规范 (1)样式推荐展开式(不写成一行),阅读较方便 (2)代码均用小写 三、css样式规则 选择器 空格 花括号 多个样式之间分号 选择器 { color:red; font-size:25px;} 四、选择器 (1)什么是选择器及选择器的作用: 选择标签用的,把想要的标签选择出来 分两步,一选出h1标签,二加样式 (2)css基础选择器/复合选择器: 五、基础选择器 (1)标签选择器 把某一类标签全部选出来(缺点:不能差异化选择) (2)类选择器(用的最多*) 用“.”定义类,元素中调用(可重复调用);一个标签中只能有一个class (3) id选择器 用“#”定义类,元素中调用(唯一调用) ***类选择器与id选择器的区别:类选择器可以重复调用,id选择器是唯一的

springboot整合solr实现增删改查

放肆的年华 提交于 2020-01-10 16:19:16
在上篇文章中我已经讲了solr的安装与配置、DIH全量导入、ik分词器的配置,今天给小伙伴们分享一下springboot如何整合solr实现增删改查。先赞后看,已成习惯,点赞!!! 目录 一、导包 二、配置solrHost 三、实体类映射 四、增删改 五、solr查询 六、实际应用 一、导包 日常导包,不必多言 <!-- solr--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-solr</artifactId> <version>2.2.0.RELEASE</version> </dependency> 版本的话你们自己根据自己情况而定。 二、配置solrHost 配置solrhost分两种情况,一种是只有一个core的,一种是有多个core的。只有一个core的同学配置就很简单了,在springboot的主配置文件application.properties中添加配置即可。 至于有多个core的同学,就不需要在主配置文件 配置host了,你需要在每次调用solr操作的时候指明用哪个core的solrClient去操作。通过HttpSolrClient solrClient = new HttpSolrClient(url)