事情遇到问题的解决方案

2024年3月22日 166次阅读 来源: steven

css

  • line-height 在google和fire 有一像素误差
  • display-inline-block 对齐体式格局有题目 用 vertical-align:middle
  • select option 只需火狐支撑 onclick 处理办法 就是迷你select下拉菜单
$(this).find('option:selected').val();
  • 安卓和IOS position fiexd 不一样 安卓没有题目 IOS 动态设置 absolete 模仿fixed
display: flex;
align-items: center;
justify-content: center;

用这个写在外围，内里的盒子就能够图文上下左右居中

&::after{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e2e2e2;
}
<!--写出Boder底部0.5px的线-->
程度垂直居中 盒子

<div class="box">
    <div class="con"></div>
</div>

<style type="text/css">
    .box {
        width: 300px;
        height: 300px;
        background: #111;
         display: flex;
         align-items: center;         /* 垂直居中 */
         justify-content: center;    /* 程度居中 */
    }
    .box .con {
         width: 100px;
         height: 100px;
         background-color: #fff;        
    } 
</style>

fixed 与 input

刚打仗挪动端 Web 开辟的小伙伴应当都会听先辈们说过，不要在有 input 标签的页面运用 fixed 定位，由于这两者在一同的时刻，老是会有奇奇怪怪的题目。

在 iOS 上，当点击 input 标签猎取核心唤起软键盘的时刻，fixed 定位会临时失效，或许能够理解为变成了 absolute 定位，在含有转动的页面，fixed 定位的节点和其他节点一同转动。

实在这个题目也很好处理，只需保证 fixed 定位的节点的父节点不可转动，那末纵然 fixed 定位失效，也不会和其他转动节点一同转动，影响界面。

然则除此之外，另有许多坑比较难以处理，比方 Android 软键盘唤起后遮挡住 input 标签，用户没法看到本身输入的字符串，iOS 则需要在输入最少一个字符今后，才将对应的 input 标签转动到适宜的位置，所以为了避开这些难以处理的坑，在有表单输入的页面，只管用absolute 或许 flex 替代 fixed。

ajax 缓存

1.ajax缓存只对GET体式格局的要求有用，而浏览器以为POST要求提交表单内容一定有变化，所以不走缓存。

2.在默许的情况下，平常发送ajaxget要求，IE浏览器第一次会向服务器端要求，猎取最新数据，假如地点和参数稳定，第二次及今后再发送要求，

它就默许猎取的缓存数据，如许的题目是ie中很罕见的题目，平常POST则 以为是一个 更改性 接见 （浏览器 以为 POST的提交 一定是 有转变的）

    原文作者：steven
    原文地址: https://segmentfault.com/a/1190000009451846
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞