20160506
在做一些页面时,可能要求页面内容根据页面宽度自动调整文字大小。例如某元素p字体大小在屏幕宽度320px时为14px,其他宽度自动等比例缩放。
开始之前,需要了解一些单位
使用媒体选择,根据浏览器分辨率不同自动设置根节点的字体大小(间隔40px)
可以通过less或者css简化媒体选择部分
|
|
1vm代表宽度的1%,假如给元素指定fontsize的单位是vm时,页面宽度320px时,1vm代表3.2px,640px时代表6.4px,元素内容的字体大小就会自动改变;
css3增加了calc属性,例如
那么是否可以通过calc根据页面宽度计算根节点字体大小呢?calc中模仿方案1,可得如下代码
到底可以不可以呢?经测试,该方法行不动!!!至少上面的写法不可行!
为什么呢?100%页面宽度 / 320 * 10就是具体要的字体大小啊?
为什么呢?
答案: font-size的calc的100%不是代表元素宽度的,而是代表字体大小!!!!!就像font-size:100% 一样;
正则中所谓的零宽断言,类似于锚点字符,它们匹配指定的位置而不会匹配内容,如 ^ 匹配开头,$ 匹配结尾,\b 匹配单词边界;(?=p) 匹配「接下来的字符与 p 匹配」的位置,(?!p) 匹配「接下来的字符不与 p 匹配」的位置。\b 字符匹配单词边界,实际上就是匹配 \w 与 \W 之间的位置(\w 匹配 [a-zA-Z0-9])。很少会有人用到 \B,它匹配的是非单词边界位置,简单理解就是 \w & \w 之间位置或者 \W & \W 之间位置。
|
|
|
|
原因: 项目文件夹需要安装react,并且引用react时注意大小写,引入react时对大小写敏感,否则会加载多个版本的react
upload.py报错“upload review does not support the current workspace version control system”如何解决?
JSON.stringify(obj,null,4);
|
|
console.log(“%c%s”,”color: red; background: yellow; font-size: 24px;”,”警告!”);
在node中输出可以使用库colors
|
|
* 修改数据库密码 src\main\resources\app.properties
* 合并代码Terminal
* cd webapp\neisou\build
* node r.js -o config.js
* 检查代码,提交到cooder,查看地址cooder.baidu.com
* cd neisouweb\
* python ./upload.py -o
* 修改版本号:src/main/webapp/WEB-INF/jsp/include/meta.jsp 修改ver(版本号)以及contextPath(调用代码路径:neisou->ns)的值
* 检查无误后提交到vpn,通过demo.neisou.baidu.com