鲁中-O-华仔

Flex 布局语法教程

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

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

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

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

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

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-华仔阅读(233) 评论(0) 推荐(0)

web网页、手机app设计规范

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

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

media 标签解释

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

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

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

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

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

响应式和自适应的区别

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

posted @ 2018-12-23 09:48 鲁中-O-华仔阅读(308) 评论(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-华仔阅读(2418) 评论(0) 推荐(0)

详解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-华仔阅读(12382) 评论(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-华仔阅读(509) 评论(0) 推荐(0)

导航

公告