IE浏览器下打开chrome浏览器

发表于 JS 分类,标签:
img{max-width:100%;}IE浏览器下打开chrome浏览器//运行ie插件newActiveXObject('WScript.shell').run(`chrome${url}`);//在本窗口打开window.open('','_self');//关闭窗口window.close();...

Vue项目部署--nginx配置,history 和hash模式以及反向代理

发表于 linux 分类,标签:
#Vue项目部署--nginx配置网上有一堆实例,但是history模式大部分测试都无效,还是亲自动手试试!##一、打包项目```npmrunbuild```打包结束,会生成dist文件夹.将打包好的文件,复制到nginx目录。>dist>D:\nginx\nginx-1.16.1(本人nginx存放路径)##二、Nginx###2.1vuehash模式1.配置修改配置文件在nginx.conf中,具体目录如下:注意以下地址为本人存放nginx的目录>D:\nginx\nginx-1.16.1\conf\nginx.conf(本人nginx存放路径)``` server{   #服务器端口  listen    ...

移动端响应式布局实战(1)

发表于 mobile 分类,标签:
不同屏幕下显示不一样的图片列表,列表中的图片不变形!字体按比例增加!要求呈现效果图片的宽高比为1:2图片之间的间距为10px;<800px 显示2个<1080px显示3个<1280px显示4个<1640px显示5个<1920px显示6个>1920px 显示7个代码:<!DOCTYPEhtml><html><head>  <metacharset="UTF-8">  <title>媒体查询断点</title>  <style>    body{   ...

Meta标签定义浏览器用什么模式渲染

发表于 html5 分类,标签:
         #HTMLMeta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用?      >X-UA-Compatible是自从IE8新添加一个位置,对IE8以下的浏览器是不识别的,      通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。       网页中指定的模式优先于服务器通过HTTPHeader指定的模式。      ##通用设置 &...

低版本浏览器flex布局无法继承容器宽高问题,包含chrome

发表于 css3 分类,标签:
img{max-width:100%;} 问题:当一个容器设置高,并采取flex布局,如下1效图,白色框设置了flex-basic:38px; 蓝色框设置的flex-basic:auto;并且自动扩充,但是蓝色框子元素直接height:100%,在低版本浏览器,是获取不到父元素高度的。说直白点,就是父元素flex-basic:auto;子元素 height:100%,是无法获取到高度的!如:chrome升级chrome版本到以下版本,能正常获取,本文主要说低版本如何正常获取容器高度。 &nbs...

WebStorm格式化代码4个空格设置

发表于 规范 分类,标签:
 打开设置设置javascript空格43. 取消codestyle下图的两个勾应用即可!...

移动端判断横竖屏的方法

发表于 mobile 分类,标签:
##js(function(){  //是否支持orientation属性和事件onorientationchange  varsupportOrientation=(typeofwindow.orientation==='number'&&typeofwindow.onorientationchange==='object');   //检测横竖屏函数  functiongetOrientation(){    varorientation='';     // ...

解决npm安装依赖和package.json定义版本不一致

发表于 问题记录 分类,标签:
前言  2019年搭了团队的脚手架(fd),春节前cnpminstall的时候还可以启动,但是春节后,重新cnpminstall,发现项目启动报错了。奇怪,项目代码和之前一样,一点都没改动。难道是新型冠状病毒感染了? 1.代码分析定位原因,less代码报错折腾了很长时间时间,删除代码对比,然后最终定位工程结构中此行代码导致了报错  ```<stylelang="less"> @import"./css/index.less";</style>```2.less分析 package.json。 less版本为3.9.0, 但是找到node_modules中的less版本为3.11.1是不是很奇怪?&nbs...

ie 绝对定位top最大值问题

发表于 问题记录 分类,标签:
ie绝对定位top最大值问题今天发现ie下top值超出1534736px,top值就会失效,其解决方案就是拆解,或者换个方式!换成transform即可!特别注意,ie 容器的滚动高度也是由限制的,内容最大高度为21470010px;源码:<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Title</title>  <style>    *{     ...

你的字体能商用吗?

发表于 JS 分类,标签:
http://fonts.safe.360.cn/?from=bd ...