摘要: 设计思路很简单,首先先定义在标准浏览器下的固定宽度(假如标准浏览器的分辨率为1024px,那么我们设置宽为980px),然后用Media Query来监测浏览器的尺寸变化,当浏览器的分辨率小于1024px的时候,则通过Media Query预设的样式表来将页面的宽度设置为百分比显示,这样子页面的结构 阅读全文
posted @ 2021-08-26 08:15 立行者 阅读(414) 评论(0) 推荐(0)
摘要: <script> var str = 'feiniaomy.com'; console.log(str); var str2 = '飞鸟慕鱼博客'; console.log(str2); </script> 1、console.log()打印字符串结果: 2、console.log()打印数组 <s 阅读全文
posted @ 2021-08-24 10:12 立行者 阅读(542) 评论(0) 推荐(0)
摘要: <p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度widt 阅读全文
posted @ 2021-08-21 08:36 立行者 阅读(469) 评论(0) 推荐(0)
摘要: 这是一个会计算的属性,特别适合对于自适应还不是很熟练的童鞋 calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。 以前我们可以使用box-sizing: 阅读全文
posted @ 2021-08-13 10:25 立行者 阅读(456) 评论(0) 推荐(0)