2015-12-21(box-sizing:border-box)

最近新学了一个方法box-sizing:border-box,可以忽略margin,padding,border等所要占的位置,比如,你在做响应式网页时,当你所做的网页宽度是符合当前电脑屏幕宽度时,但是如果你某处有个input框,此时你需要将Input框里的文字向右平移.3rem,此时在电脑屏幕时,也许input框看不出来什么问题,当你把浏览器的宽度越缩越小时,此时,你会发现input框多出来一截。所以,为了解决这个问题,我们在用了Padding,margin,border里加上这个方法box-sizing:border-box,就不会出现以上说的问题了,不过为了兼容各个浏览器的不同,我们还需把浏览器写出来,例谷歌的写法:-webkit-box-sizing:border-box

时间: 2024-10-26 05:16:34

2015-12-21(box-sizing:border-box)的相关文章

【我的书】Unity Shader的书 — 文件夹(2015.12.21更新)

写在前面 感谢全部点进来看的朋友.没错.我眼下打算写一本关于Unity Shader的书. 出书的目的有以下几个: 总结我接触Unity Shader以来的历程,给其它人一个借鉴.我非常明确学Shader的艰难,在群里也见了非常多人提出的问题. 我认为学习Shader还是一件有规律可循的事情,但问题是中文资料难觅,而大家又不愿意去看英文...这对我有什么优点呢?强迫我对知识进行梳理,对细节问题把握更清楚. 第二个原因你懂的. 关于本书的定位问题: 面向Unity Shader刚開始学习的人,但要

Daily Scrumming* 2015.12.14(Day 6)

一.团队scrum meeting照片 二.今日总结 姓名 WorkItem ID 工作内容 签入链接以及备注说明  江昊 徐丞  王开      王若愚 任务 1038 继续实现第一个页面 无签入  王春阳    付帅    杨墨犁       三.明日计划 姓名 WorkItem ID 工作目标 备注(没有写无)  江昊    无  徐丞      王若愚 1038 完成第一个页面 无  王开  请假  王春阳 请假      付帅 请假      杨墨犁  实现第一个页面 四.燃尽图 五.

Daily Scrumming* 2015.12.13(Day 5)

一.团队scrum meeting照片 二.今日总结 姓名 WorkItem ID 工作内容 签入链接以及备注说明  江昊 徐丞  王开      王若愚 1038 完成第一个页面 无签入  王春阳      付帅    杨墨犁     三.明日计划 姓名 WorkItem ID 工作目标 备注(没有写无)  江昊      徐丞      王若愚 1038 完成第一个页面 无  王开    王春阳      付帅      杨墨犁   四.燃尽图

Daily Scrumming* 2015.12.11(Day 3)

一.团队scrum meeting照片 二.今日总结 姓名 WorkItem ID 工作内容 签入链接以及备注说明  江昊 任务945 学习使用sass,学习的主要难点在于ruby环境的搭建.sass语法的学习以及使用.接下来要开始做前端界面开发了,会在开发中运用学到的sass知识 https://github.com/buaaclubs-team/share-and-notify/wiki/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%

2015.12.21 内存管理(memory management)

Memory Management 1.什么是内存管理? 程序在运行过程中管理内存分配的过程,当需要内存的时候就申请一片内存空间,不需要就释放掉. 2.如何去管理内存 站在分配对象拥有权的角度来操作内存. 3.内存管理的两种办法 a. MRR(Manual Retain Release)手动管理,实现的机制:reference counting(引用计数机制). b. ARC(Auto Reference Counting)自动引用计数,实现机制:系统在程序编译阶段自动添加了释放对象的办法. 4

Daily Scrumming* 2015.12.20(Day 12)

一.团队scrum meeting照片 二.成员工作总结 姓名 任务ID 迁入记录 江昊 任务1090 https://github.com/buaaclubs-team/temp-front/commit/f71496851c5f89432aa57ed4e1c7d7782b44a346 任务说明: 完成活动.资讯详情页面的开发并签入 主要完成以下工作: 详情界面开发 评论功能开发   遇到问题与解决方案: 详情界面内容展示问题 解决方案:经过查询资料后,准备用innerHTML给写JS的同学留

Daily Scrumming* 2015.12.18(Day 10)

一.团队scrum meeting照片 二.成员工作总结 姓名 任务ID 迁入记录 江昊 任务1085 https://github.com/buaaclubs-team/temp-front/commit/57b3c2db282394e97a434c19fa3c8a7e31bb5e09 任务说明: 完成首页主体部分的开发并签入 主要完成以下工作: 完成每个通知的card 完成一些用户体验的细节设计   遇到问题与解决方案: CSS绘图.布局等不熟悉 解决方案:学习并使用position.bac

Daily Scrumming 2015.10.21(Day 2)

今明两天任务表 Member Today’s Task Tomorrow’s Task 江昊 配置ruby与rails环境 配置mysql与数据库用户管理 配置apache2环境 学习rails ActiveRecord 购买.注册域名 杨墨犁 制作新版UI,对首页进行完善 设计logo 付帅 继续学习html,并根据第一版UI做出外观相似的静态网页. 开始学习javascript,将javascript的片段添加到网页中以实现功能,改进网页设计 王若愚 学习HTML 学习CSS 王开 学习ra

Daily Scrumming* 2015.12.22(Day 14)

一.团队scrum meeting照片 二.成员工作总结 姓名 任务ID 迁入记录 江昊 任务1112 无 任务说明 今天没有写前端界面,而是完成了跨域请求的实现以及用户实名认证API 前后端大部分数据交互通过ajax实现,ajax无法跨域,导致前端开发时若要调试功能,必须和后端在同一个端口下,多人挤在一起,不利于协作,也无法发挥个人的自由性,因而今日学习并解决了跨域请求的问题 问题解决没有代码嵌入,主要是技术方案,后端响应前端发送的ajax请求时,要按CORS规范返回Access-Contro

Facebook Hacker Cup 2015 Round 1--Homework(筛选法求素数)

题意:给定A,B,K(A<=B)三个数,问在[A,B]范围内的数素数因子个数为K的个数. 题解:典型的筛选法求素数.首先建立一个保存素数因子个数的数组factorNum[],以及到n为止含有素数因子个数为k的二维数组sumNum[n][k]. factorNum可以由筛选法确定,初始化数组为0. 1. 从小到大遍历给定最大范围内的数,若遍历到数n时,factorNum[n]=0则说明这个数是素数(前面没有它的因子). 2. 然后通过增加n的倍数,来筛选出最大范围内含有素数因子n的数. sumNu