工作遇到问题的解决方案

时间：2023-04-05 00:43:19 HTML5

.box{宽度：300px；高度：300px；背景：#111；显示：弹性；对齐项目：居中；/*垂直居中*/justify-content:center;/*水平居中*/}.box.con{width:100px;高度：100px；背景色：#fff；}cssline-height问题的解决方案在google和fire中有像素偏差。显示内联块对齐存在问题。使用vertical-align:middleselect选项。只有Firefox支持onclick。解决办法是miniselect下拉菜单$(this).find('option:selected').val();Android和IOS位置fiexd不同。安卓没有问题。iOS动态设置absolute模拟fixeddisplay:flex;align-items:center;justify-content:center;用这个写在Outside里面，里面的盒子可以上下左右居中&::after{position:absolute;底部：0；右：0；左：0；高度：1px；内容：'';-webkit-transform:scaleY(.5);变换：scaleY(.5)；background-color:#e2e2e2;使盒子水平和垂直居中

.box{宽度：300px；高度：300px；背景：#111；显示：弹性；对齐项目：居中；/*垂直居中*/justify-content:center;/*水平居中*/}.box.con{width:100px;高度：100px；背景色：#fff；}fixed和input刚接触移动web开发的朋友应该听前辈说过，不要在有input标签的页面上使用fixed定位，因为当两者放在一起时，总会出现奇怪的问题是在iOS上，当input标签被点击获取焦点唤起软键盘时，固定定位会暂时失效，或者可以理解为变成绝对定位。在有滚动的页面上，固定定位的节点是和其他节点一起滚动的。其实这个问题也很好解决。只要fixed定位的节点的父节点不可滚动，即使fixed定位失败，也不会和其他滚动节点一起滚动，影响界面。但除此之外，还有很多难以解决的陷阱。例如，Android软键盘唤醒后，输入标签被遮挡，用户看不到自己输入的字符串。iOS需要输入至少一个字符后，相应的input标签才会滚动到合适的位置，所以为了避免这些难坑，在有表单输入的页面上尽量把fixed换成absolute或flex。Ajax缓存1.Ajax缓存只对GET请求有效，浏览器认为POST请求提交的表单内容一定要改变，所以不使用缓存。2、默认情况下一般发送一个ajaxget请求，IE浏览器会第一时间请求服务器获取最新的数据。如果地址和参数不变，第二次或以后发送请求，默认获取最新的数据。缓存数据，这种问题在ie中是很常见的问题，一般认为POST是变量访问（浏览器认为POST的提交一定是变了）