鲁中-O-华仔

夫君子之行，静以修身，俭以养德，非淡泊无以明志，非宁静无以致远。

导航

2019年5月19日 #

Flex 布局语法教程

摘要： 一、【语法】Flex-弹性布局（注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。） 二【兼容性】display:flex; 定义在父元素上，子元素会成为--行元素 三【兼容性】flex-direction: row | row-reverse | 阅读全文

posted @ 2019-05-19 14:49 鲁中-O-华仔 阅读(173) 评论(0) 推荐(0) 编辑

2019年3月26日 #

移动端--用PX为单位+JS框架 实现页面布局

摘要： 一：大家先下载metahandler.js 二：准备一个用px实现的移动页面（宽度固定死的页面），引入metahandler.js框架 1、视口设置 width=640，是根据psd图来设置，有多宽设置多宽（设计图是640的设置640） <meta content="target-densitydp 阅读全文

posted @ 2019-03-26 21:23 鲁中-O-华仔 阅读(1190) 评论(0) 推荐(0) 编辑

2019年2月17日 #

IE8下实现兼容rgba

摘要： rgba的含义，r代表red，g代表green，b代表blue，a代表透明度。红绿蓝是三原色，所有颜色都可以由这三种颜色拼合而成。比如rgba(0,0,0,.5)就是透明度为0.5的黑色。现代浏览器是支持rgba的，但是在IE8等古董级浏览器中是不支持rgba的，IE8只能勉强支持rgb()函数（即 阅读全文

posted @ 2019-02-17 08:23 鲁中-O-华仔 阅读(213) 评论(0) 推荐(0) 编辑

2019年1月24日 #

web网页、手机app设计规范

摘要： app设计规范 目前，很多APP设计师的APP Ui设计稿是先做iPhone6的，方便向上适配iPhone6Plus，也方便向下适配iPhone5和iPhone4的尺寸。这一节课也算是25学堂为大家精心整理的iPhone6界面设计尺寸规范大全。 当然下面的10个方面的不仅是iPhone6界面视觉设计 阅读全文

posted @ 2019-01-24 16:39 鲁中-O-华仔 阅读(804) 评论(0) 推荐(0) 编辑

2018年12月28日 #

media 标签解释

摘要： 一：常用标签这句话是自动设置缩放，然而，它并不能完全适应所有的手机，并且你在用浏览器手机模式调试的时候可能正常，但是换到真实的手机端其实是不正常的。所以我们还要进行改动。 对于IE6、7、8需要考虑到兼容 2、忽略页面中的数字识别为电话，忽略email识别 <!--禁止将页面中的一连串数字识别为电话 阅读全文

posted @ 2018-12-28 12:50 鲁中-O-华仔 阅读(328) 评论(0) 推荐(0) 编辑

2018年12月23日 #

rem 是如何实现自适应布局的

摘要： 摘要：rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。· rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综 阅读全文

posted @ 2018-12-23 09:57 鲁中-O-华仔 阅读(215) 评论(0) 推荐(0) 编辑

响应式和自适应的区别

摘要： 响应式网站：https://www.microsoft.com/zh-cn/ 页面缩放，框架变动 自适应网站：http://m.ctrip.com/html5/ 页面缩放，整体等比例缩放（框架不变） 响应式 一、响应式布局框架的优点、缺点、原理 优点： 1.面对不同分辨率设备灵活性强 2.能够快捷解 阅读全文

posted @ 2018-12-23 09:48 鲁中-O-华仔 阅读(289) 评论(0) 推荐(0) 编辑

自适应--手机端网页代码

摘要： 一：必读：响应式和自适应的区别：https://www.cnblogs.com/guozh/p/10163339.html 二：rem 是如何实现自适应布局的： https://www.cnblogs.com/guozh/p/10163350.html 一：在头部加入代码 1.第一行： 这句话是自动 阅读全文

posted @ 2018-12-23 09:16 鲁中-O-华仔 阅读(2221) 评论(0) 推荐(0) 编辑

2018年12月22日 #

详解CSS中:nth-child的用法

摘要： 下面我将用几个典型的实例来给大家讲解:nth-child的实际用途： Tips：还用低版本的IE浏览器的哥们请绕过！ :nth-child(2)选取第几个标签，“2可以是你想要的数字” :nth-child(n+4)选取大于等于4标签，“n”表示从整数，下同 :nth-child(-n+4)选取小于 阅读全文

posted @ 2018-12-22 16:52 鲁中-O-华仔 阅读(12205) 评论(0) 推荐(0) 编辑

去除最后一个li的样式

摘要： 推荐：：：：方法一，使用:first-child 纯css的:first-child伪类就可以胜任此任务，操作很方便，代码量忽略不计。支持IE7+，不支持IE6 :first-child /：last-child伪类向元素的 第一个 / 最后一个 子元素添加样式。 延伸：li:nth-child(2 阅读全文

posted @ 2018-12-22 16:34 鲁中-O-华仔 阅读(494) 评论(0) 推荐(0) 编辑

下一页