css
10篇文章 · 0订阅
  • 前端1px问题及解决方案
    在项目开发过程中，设计师经常会说，这里边框像素边框不对，要求1像素但是实际是2像素，当我们去查代码时我们写的就是1px，这是前端开发者经常遇到的一个问题，也就是1px像素问题。 要了解并解决问题，我们首先需要了解其原理才能从根本上找到解决方案。 首先我们需要对物理像素，逻辑像素…
    CSS
  • 移动端1px解决方案
    移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px 的边框。在高清屏下，移动端的1px 会很粗。 比如，这个是假的1像素 那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为100%的情况下，…
    CSS
    移动端1px解决方案
  • 做了一份前端面试复习计划，保熟～
    前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中对我的复习思维形成影响很大，
    前端 面试
  • 理了一理，H5开发遇到的那些兼容性问题
    这是笔者在过去开发H5应用时遇到的一系列兼容性问题，很多解决方式的原理并未阐述，只为提供解决问题的技巧。希望能够帮助那些从事H5开发的同学，能够早日解决兼容性问题。
    前端
  • h5兼容性问题
    （1）、在ios中软键盘弹起时，仅会引起body的scrollTop值改变，可以通过输入框的获取焦点情况来做判断。因此监听的是输入框的得到焦点和失去焦点事件。 3、弹框的宽度最好是偶数，使用rem，不能使用百分比，因为百分比在不同的手机上可能会计算出带有小数点的像素，这会导致弹…
    前端
  • 如何机智地回答浏览器兼容性问题
    有过面试经验的同学应该都被问过浏览器兼容性的问题，对于面试官的问题，常常猝不及防，因为通常他们都是这么问的。"来谈谈浏览器兼容的问题吧"，"你对浏览器的兼容性有了解过吗"，那么如何才是我们正确回答这个问题的姿势呢。 在CSS3还没有成为真正的标准时，浏览器厂商就开始支持这些属性…
    CSS JavaScript 前端
    如何机智地回答浏览器兼容性问题
  • PC端、移动端Video自动播放兼容完美解决方案（IOS、安卓、微信端）
    其实移动对于video标签极度不友好，为了用户体验度避免浪费用户的流量，移动端浏览器只能让用户触发事件去播放video。如点击播放按钮或者监听document的触摸事件，在Safari、 谷歌浏览器、QQ浏览器均有各类奇葩问题无法实现完美自动播放的效果； iOS下不能自动播放，…
    • Tz
    • 5年前
    • 25k
    • 53
    前端
  • PC端/移动端常见的兼容性问题总结
    移动端：①安卓浏览器看背景图片，有些设备会模糊，原因是手机的分辨率太小解决方案：用2X图片来代替img标签，然后background-size:contain②防止手机中页面放大或缩小：在meta中设
    HTML
  • 面试官：请说说什么是BFC？大白话讲清楚
    BFC到底是什么东西BFC，怎样触发BFC，BFC的规则，BFC解决了什么问题，一文搞懂，进来瞅瞅吧
    CSS
    面试官：请说说什么是BFC？大白话讲清楚
  • css清除浮动的几种办法
    一般来说，为了自适应，父盒子A是不设置高度的，有时候两个A的块级子元素为了在同一行显示，就会让A的块级子元素设置float浮动，这时候子元素就脱离了标准流，而其父盒子A没有脱离标准流，他们不在同一层级了，所以在不清除浮动的情况下，浮动的元素不会撑开父盒子高度，此时父盒子高度为0，...
    前端