鲁中-O-华仔

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

导航

12 2018 档案

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

posted @ 2018-12-28 12:50 鲁中-O-华仔 编辑

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

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

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

posted @ 2018-12-23 09:48 鲁中-O-华仔 阅读(292) 评论(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-华仔 阅读(2255) 评论(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-华仔 阅读(12237) 评论(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-华仔 阅读(496) 评论(0) 推荐(0) 编辑

文本最后自动出现省略号...
摘要:一:.单行文本溢出显示省略号… 1. white-space:nowrap; 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。2. text-overflow: ellipsis; 显示省略符号来代表被修剪的文本。 (延伸:clip 修剪文本。)二:多行文本溢出显示省略号… 1. 阅读全文

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

点击右上角即可分享
微信分享提示