移动前端自适应适配布局解决方案和比较

移动前端自适应适配布局解决方案和比较
互联网上的自适应方案到底有几种呢?就我个人实践所知,有这么几种方案:1.固定一个某些宽度,使用一个模式,加上少许的媒体查询方案。2.使用flexbox解决方案。3.使用百分比加媒体查询。4.使用rem。你还有其他方案吗?来分享你的想法吧。

div设置高度铺满100%

在做移动端时,需要将某个背景放到最底部,使用绝对定位方法来定义某个背景层放在最底部,然而有些页面并没有全部铺满,这时候就会发现最底部的背景没有贴底部。显然不符合要求,可以通过js调整div为网页的高度,有没有可以用css搞定的呢?来看看我的做法:

前端知识点

本项目是百度前端技术学院(百度IFE第一期)学习过程中涉及到的相关阅读资料、开发工具、入门tutorial、技术资讯等精华资源的汇总,其中部分内容可能需要翻墙访问(翻墙指南),本列表的内容会随着课程进展逐步完善,对前端刚入门的同学可以持续关注本项目的更新情况。

rem与px的转换

rem与px的转换
rem与px都是css单位,通常px是我们比较熟悉的单位,所以根据设计稿转换rem的话,一般都需要根据html的设置的px字号来转换,本文提供了rem与px之间的转换。

前端规范(Front End Standards)

原文:Front End Standards 1. 规范说明 此为前端开发团队遵循和约定的代码书写规范,意在提高代码的规范性和可维护性。 此规范为参考规范,不全是硬性要求,部分硬性约定见下一条书写规范,统一团队编码规范和风格。让所有代码都是 ...

Awesome Javascript:JavaScript学习指导

JavaScript是一个仅在一周就被发明出来的小玩意, 所以,它有着有多的缺陷,即使是这样,它已经存在了20年,全世界几乎每台电脑都至少装有一个JavaScript解释器, 况且今天这个当初的小玩意的目标是编写大型的企业应用。如果你对JavaScript的理解仅限于DOM操纵,页面动画,jQuery等等, 本列表将为你展现JavaScript的更多的令人震撼的功能。

flexible.js 布局详解

flexible.js 布局详解
本文讲的通过flexible.js实现了rem自适应,有了flexible.js,我们就不必再为移动端各种设备兼容烦恼,flexible.js是如何通过rem实现自适应的呢?

手机端页面自适应解决方案—rem布局

手机端页面自适应解决方案—rem布局
原文:手机端页面自适应解决方案—rem布局 相信很多刚开始写移动端页面的同学都要面对页面自适应的问题,当然解决方案很多,比如:百分比布局,弹性布局flex(什么是flex),也都能获得不错的效果,这里主要介绍的是本人在实践中用的最顺手最简单 ...

css select样式兼容

css select样式兼容
之前写过一篇CSS select样式优化的文章,不知道使用的人有多少,但我觉得就select本身来说,设计弄得再美观,还不如实实在在的用浏览器默认的样式稍加调整,给用户最自然的使用,同时也释放了前端人员的困扰和浏览器的性能压力等。 来看看各 ...

fis2 添加CSS雪碧合成图片

fis2 添加CSS雪碧合成图片
百度fis2 添加雪碧合成功能,前提是要先安装一个插件:node-images。 具体命令行为: $ npm install images 添加配置代码 1.首先要配置FIS中使用csssprites fis.config.set('mod ...