margin | 易学教程

移动端适配思路浅析

阅读更多关于移动端适配思路浅析

本文主要讲了一些移动端适配的基本思路和一些代码示例，并没有讲解具体的移动端适配的方案，主要从为什么这么做出发讲了一些自己粗浅的理解。所谓移动端适配，就是页面运行在移动端并且会根据当前运行的移动端设备的大小自行进行调整。实现移动端适配可以按照以下思路出发，首先要将 viewport 的宽度等于设备的宽度，即 <meta name= "viewport" content="width=device-width initial-scale=1.0"> 通过 rem， media query 等方式改变不同设备上元素的大小 rem 是一个相对单位，一般 1rem = html设置的 font-size 的值。关于 rem 的详细介绍可以参考移动 web 开发适配秘籍 Rem 这个免费课程。通过设置不同设备 html 的 font-size 改变 rem 的值，令 1rem 单位的值随着设备的增大而增大。 media query 可以判断当前是什么设备，然后根据不同的设备设置不同的样式。在设计上还要做一些事情，例如隐藏：将 PC 端将一些不重要的内容（如友情链接等）在移动端直接隐藏掉折行：在 PC 端显示在一行的内容在移动端可以显示几行(这一点上设置了 meta 标签后会自动帮你做，也可以在此基础上自己手动设置一些样式实现折行的效果) 自适应

Caffe源码-LossLayer类（下）

阅读更多关于 Caffe源码-LossLayer类（下）

InfogainLossLayer类 EuclideanLossLayer类 HingeLossLayer类 ContrastiveLossLayer类 InfogainLossLayer类简介 InfogainLossLayer与SoftmaxWithLossLayer类似，只不过增加了一个信息增益矩阵 $H$ ，用于指定某真实类别的数据被预测为某一类别时的权重，常用于类间样本数不均衡的情况。当矩阵 $H$ 为单位矩阵时，等同于SoftmaxWithLossLayer。第一个输入blob为网络的预测值，大小 $\tilde{N} \times C \times \tilde H \times \tilde W$ ，范围 $x_{n,k} \in [-\infty, +\infty]$ 。计算loss时使用softmax函数值作为其概率， $\hat{p}_{n,k} = \frac{e^{x_{n,k}}}{\sum\limits_{k'=1}^{K} e^{x_{n,k'}}}$ 。后续假设计算softmax时是沿着第1维（维度 $C$ ）进行的，则维度 $C$ 的大小即为类别总数 $K$ ，数据的总个数为外部个数（对应代码中的 outer_num_ ）乘上内部个数 inner_num_ ，即 \(N=\tilde N * \tilde

时钟系统

阅读更多关于时钟系统

时序分析——公共时钟（内同步，外同步），源同步时钟系统可以分为公共时钟和源同步时钟，公共同步又可以分为内同步和外同步，内同步典型的即为CPU与SDRAM系统的读写。建立时间：要求接收端的数据信号必须先于时钟信号到达。时钟信号的延时：Tdelay = Tco_clka + Tflt_clka4 数据信号的延时：Tdata_delay = Tco_clkb + Tflt_clkb + Tco_data + Tflt_data 公共时钟中第一个时钟用来将数据锁存到驱动端输出端，第二个时钟周期则将数据锁存到接收端内部。意味着第一个数据到达接收端的时间应该早于第二个时钟到达接收端的时间，才能有足够的建立时间裕量。因此：Tclka_delay = Tcycle + Tco_clka + Tflt_clka Tclka_delay_min – Tdata_delay_max – Tsetup – Tmargin > 0 即：Tcycle +(Tco_clka_min – Tco_clkb_max)+(Tflt_clka_min – Tflt_clkb_max) – Tco_data_max - Tflt_data_max – Tsetup – Tmargin >0 若是考虑时钟的抖动，偏移等情况则需将这部分时间扣除。保持时间

BootStrap学习(3)_导航菜单

阅读更多关于 BootStrap学习(3)_导航菜单

一、导航元素 1.表格导航或标签以一个带有 class .nav 的无序列表开始。添加 class .nav-tabs 。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" /> <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script> <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script> </head> <body style="margin-top:20px;margin-left:20px;"> <p>标签式的导航菜单</p> <ul class="nav nav-tabs"> <li class="active"><a

web前端入门到实战：CSS盒子模型

阅读更多关于 web前端入门到实战：CSS盒子模型

一、什么叫框模型页面元素皆为框（盒子）,定义了元素框处理元素内容，内边距，外边距以及边框的计算方式。二、外边距围绕在元素边框外的空白距离（元素与元素之间的距离）语法：margin，定义4个方向的外边距 1、单边定义：margin-top/right/bottom/left （1）取值：以px为单位， %占父级元素宽度的%比正数：margin-left 元素向右移动，margin-top元素向下移动负数：就是相反方向取值 auto：自动计算块级元素的外边距，对于上下外边距无效,块级元素水平居中 2、简写方式 margin：value ；定义4个方向的值 margin：v1 v2； v1设置上下，v2设置左右 margin：0 auto：设置块级元素水平居中 margin：v1 v2 v3；v1设置上，v2设置左右，v3设置下 margin：v1 v2 v3 v4；上右下左 3、自带外边距的元素 h1~h6、p、body、ol、ul、dl、pre 一般在开发的时候需要重置具有外边距的元素方案一：*{margin:0;padding:0} 方案二：参考淘宝 4、外边距的特殊效果（1）外边距合并当两个垂直外边距相遇时，他们将合并成一个，最终的距离取决于两个边距中较大的 (2)行内元素对外边距的表现行内元素垂直外边距无效（img）除外（3）行内块对外边距的表现

Controlling margins in a genoPlotR plot_gene_map

阅读更多关于 Controlling margins in a genoPlotR plot_gene_map

问题 I'm producing a plot_gene_map figure by the genoPlotR R package, which gives a horizontal phylogenetic tree where aligned with each leaf is a genomic segment. Here's a simple example that illustrates my usage and problem: The plot_gene_map function requires an ade4 s' package phylog object which represents the phylogenetic tree: tree <- ade4::newick2phylog("(((A:0.08,B:0.075):0.028,(C:0.06,D:0.06):0.05):0.0055,E:0.1);") A list of genoPlotR 's dna_seg objects (which are essentially data.frame

响应式布局浅析

阅读更多关于响应式布局浅析

所谓响应式布局，就是页面会根据当前运行的设备的大小自行进行调整，实现方案主要有以下三种： 1）隐藏例如在 PC 端的一些友情链接或者不重要的内容在移动端可以选择隐藏起来。 2）换行在 PC 端显示一行的内容，由于移动端设备宽度比较小，所以可以选择显示为几行。 3）自适应空间例如，左边元素给定一个具体的值，右边元素的宽度令其根据不同的设备宽度自行调整。具体的实现方法主要有以下几种： 1）rem rem 是一个相对单位，一般 1rem = html设置的 font-size 的值。关于 rem 的详细介绍可以参考移动 web 开发适配秘籍 Rem 这个免费课程。通过设置不同设备 html 的 font-size 改变 rem 的值，令 1rem 单位的值随着设备的增大而增大。 2）viewport 设置 <meta name="viewport" content="width=device-width, initial-scale=1.0" > ，关于这个下面会介绍。 3）media query 判断当前是什么设备，然后根据不同的设备设置不同的样式。接下来先说一下 viewport 这个 meta 标签。 <meta name="viewport" content="width=device-width, initial-scale=1.0" >

小程序-搜索商品-历史记录有并清除-根据销量-价格筛选过滤

阅读更多关于小程序-搜索商品-历史记录有并清除-根据销量-价格筛选过滤

搜索商品 <view class="container"> <view wx:if="{{$search$show==1}}" class="content"> <view class="search"> <view class="serch_content"> <i class="iconfont icon-search" /> <input type="text" name="search_input" bindinput="$search$searchInput" class="search_input" focus="true" value="{{$search$search_input_value}}" confirm-type="search" placeholder="搜索商品" /> <i wx:if="{{$search$search_input_value!=''}}" bindtap="$search$delText" class="iconfont icon-del" /> </view> <button class="btn btn_cancel" bindtap="$search$goBack" wx:if="{{$search$search_input_value==''}}" data-wpygoback-a="">取消</button>

setMargin method in BlackBerry

阅读更多关于 setMargin method in BlackBerry

问题 I have to use setMargin() method in my Blackberry application. Would any one please explain me this method in detail? setMargin(top,right,bottom,left) How can I use above 4 parameters to display my controls on the screen? Maybe its a very simple thing to understand but I am really very confused with the top right bottom left parameters. Maybe I am misinterpreting it and getting improper display of controls on screen. 回答1: By default field managers are aligned from left to right and from top

setMargin method in BlackBerry

阅读更多关于 setMargin method in BlackBerry

订阅 margin