问题:经常遇到的浏览器的兼容性的情况、解决方法?思路:首先明确项目要兼容哪些浏览器的最低版本,然后考虑到CSS样式和JavaScript在这些浏览器的兼容性。 一、HTML 兼容性 1.H5新标签在低于IE9的浏览器中…
分类:css
localhost、本地IP下页面渲染不同 原理解析
一、这是localhost页面显示: 二、这是本地IP配置的页面显示 三、经过多方资料查询,有三种解释: 1、css不符合W3C标准,RFC解析不同导致。2、浏览器的兼容性问题。不同版本的浏览器或者同一浏览器的解析方式不…
一个常年更新的CSS采坑合集
CSS采坑合集 这篇文章会常年更新,在项目中进行CSS实现的时候,经常会遇到很多奇怪的问题,有些问题曾经遇到过但是又忘记了(可能是记忆力衰退吧~),所以这里做个合集,温故而知新。这个Collection会主要分成几个大的…
水平垂直居中小结
我们在页面布局中经常会遇到需要将内容水平/垂直居中的情况,现在我们就来梳理一下实现的方法。 一、水平居中 1.行元素设置其父元素的text-align:center,适用于单行文本水平居中。 2.块元素设置其本…
css还可以这么写?
作为一个前端,毫无疑问css肯定是最基础的一项技能之一。css是一个标记语言,没有编程语言的诸多特性,比如变量定义,复用,嵌套等,所以相应的开发效率也受到限制。 在追求效率和自动化的当下,涌现了一批解决方案,像是css预…
彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index
前言 最近,在项目中遇到一个关于CSS中元素z-index属性的问题,具体问题不太好描述,总结起来就是当给元素和父元素色设置position属性和z-index相关属性后,页面上渲染的元素层级结果和我预想的不一样。根据自…
前端每日实战:122# 视频演示如何用纯 CSS 创作一个苹果系统的相册图标
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/zJKwbO 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中…
flex子项内容超出flex容器范围,flex子项顶部内容被遮住
flex子项内容超出flex容器范围,flex子项顶部内容被遮住 我们经常用flex布局方式来实现垂直居中对齐,但是当内容高度是动态变化且超出了flex容器的高度时,无法滚动到顶部,导致顶部的内容无法访问。 以往的弹窗效…
JavaScript面向对象初步认识
一、面向对象初步认识 1.什么是对象? 一句话解释: 万物皆对象 对象是有属性的:用{ }来写入! 2.对象的应用(接口) json 接口简单的说就是后台提供给前端提供数据的,让我们进行渲染! 请求接口的时候我们会用到一…
js 调试接口
在我们做完前端的工作后,很多情况下需要把我们的数据与后端得接口进行对接,说以我们就得掌握调试接口的方法 一、建立对象数组(一般是后端的工作) 代码如下: [ {"name":"1.jpg","fuhao":"¥","ji…
【css】布局
flex布局方案position margin布局方案grid布局方案 1. flex布局方案 (1)块级元素水平居中和垂直居中 body { display: flex; align-items: center; /*…
Slog31_支配vue框架初阶项目之博客网站-注册页面-风格
ArthurSlog SLog-31 Year·1 Guangzhou·China Aug 6th 2018 GitHub 掘金主页 简书主页 segmentfault 迟到太久 就不必到了 开发环境MacOS(High…