开始app开发的工作小结
2015-08-06 18:44
323 查看
一、以前学习后端开发总觉得前端开发会相对简单一些,其实不然,前端需要学习的东西是多的。
1、前端需要学习的基础就包括如下主要的几点
(1)over-flow 应用场合
(2)css有多少高度单位
(3)什么是bfc?清楚浮动到底是不是bug,inline-block到底有哪几种用法?
(4)zoom存在的意义是什么?margin,padding百分比到底根据什么来计算的?等等有好多。
二、最近在做web app,让我对手机端的开发有了深的认识,不过还是要继续学习的
1、适应屏幕大小的主要方法。
(1) <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0,maximum-scale=1.0,minimum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
这个必须添加外,假如里边相应的单个元素又怎么根据手机屏幕大小来保持样式不变呢?我们可以带来新的方法那就是媒体查询 @media,响应式开发。
(2)有两种形式,直接写在link,然后把满足要求应用css.css。</br>
<link rel="stylesheet" type="text/css" href=css.css" media="screen and (min-width: 400px) and (max-width:600px)">
屏幕大于等于400px小于等于600px,应用到css.css.
(3)另一种是直接写在style里
@media screen and (min-width: 414px)and (max-width:600px) {
.datetimepicker .datetimepicker-days table {
margin: 0;
width:350px;
height:500px;
margin-left: 12px;
}
button#btnTime {
margin-top: 520px;
margin-left: 200px;
}
}
未完待续明天继续。
1、前端需要学习的基础就包括如下主要的几点
(1)over-flow 应用场合
(2)css有多少高度单位
(3)什么是bfc?清楚浮动到底是不是bug,inline-block到底有哪几种用法?
(4)zoom存在的意义是什么?margin,padding百分比到底根据什么来计算的?等等有好多。
二、最近在做web app,让我对手机端的开发有了深的认识,不过还是要继续学习的
1、适应屏幕大小的主要方法。
(1) <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0,maximum-scale=1.0,minimum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
这个必须添加外,假如里边相应的单个元素又怎么根据手机屏幕大小来保持样式不变呢?我们可以带来新的方法那就是媒体查询 @media,响应式开发。
(2)有两种形式,直接写在link,然后把满足要求应用css.css。</br>
<link rel="stylesheet" type="text/css" href=css.css" media="screen and (min-width: 400px) and (max-width:600px)">
屏幕大于等于400px小于等于600px,应用到css.css.
(3)另一种是直接写在style里
@media screen and (min-width: 414px)and (max-width:600px) {
.datetimepicker .datetimepicker-days table {
margin: 0;
width:350px;
height:500px;
margin-left: 12px;
}
button#btnTime {
margin-top: 520px;
margin-left: 200px;
}
}
未完待续明天继续。
相关文章推荐
- App数据重点分析的4个方面
- iOS访问相册以及拍照保存至相册的实现
- Appium1.4 的简介、安装及其使用真机测试(iOS版)
- iOS学习之MVC设计模式的理解
- android中使用LocationManager定位获取信息
- iOS-Runtime-Headers
- android Log.isLoggable方法的使用
- Android笔记(三) 使得Activity之间可以跳转---Intent
- ios中通过调试来使用私有api
- Android页面跳转的方法
- [ios] Recommended book list
- Android复习笔记(13)-Fragment的使用(1)
- iOS图片加水印效果的实现并保存至相册
- class-dump获取iOS私有api
- 三种方法使android 手机执行 二进制程序
- iOS正则式(逐步添加文章内容)
- Android实现水波纹外扩效果
- Unity3D EasyTouch使用教程包括实例资源
- Android WebView加载本地CSS
- 【Android】五大布局