摘要: 1、设计图是根据iphone6的尺寸(375*667)扩大两倍制作的,所以写成网页的时候量得的元素尺寸(width,height,padding,margin)需要除以2。 2、适配方法: PC: 960px/1000px居中 盒子模型,定高,定宽 阅读全文
posted @ 2018-10-18 09:42 wolfwowo 阅读(372) 评论(0) 推荐(0)
摘要: 1、Hbuilder的局域网手机访问页面不好用,总体来说webstorm比hbuilder好用。 2、谷歌浏览器的F12->responsive的尺寸可以调整。 阅读全文
posted @ 2018-10-17 09:42 wolfwowo 阅读(105) 评论(0) 推荐(0)
摘要: 1、lang="zh-cn"简单来说,可能对于程序来说没有太大的作用,但是它可以告诉浏览器,搜索引擎,一些处理Html的程序对页面语言内容来做一些对应的处理或者事情, 比如可以: 根据lang属性来设定不同语言的css样式,或者字体; 告诉搜索引擎做精确的识别; 让语法检查程序做语言识别; 帮助翻译 阅读全文
posted @ 2018-10-16 09:49 wolfwowo 阅读(155) 评论(0) 推荐(0)
摘要: 1、 两种自动把行内元素变成块级元素的方法,即使元素inline属性变成inline-block属性:1.给行内元素设置position:absolute/fixed;2.让行内元素浮动,即float;此时便可以对其设置width,height,相当于display:inline-block,但优先 阅读全文
posted @ 2018-10-14 13:52 wolfwowo 阅读(4203) 评论(0) 推荐(0)
摘要: 1、今天上午遇到一个问题:一个带有下划线的a标签,同样的浏览器,同样的字体,显示却不一样,一个下划线粗一个下划线细,这是为什么呢? 经过研究发现,下划线粗的a标签,加高高度,或者给个margin或者padding值就,下划线就会变细。 2、网页宽度为1000px定宽时,布局三栏,三栏都可以定宽设计。 阅读全文
posted @ 2018-10-12 00:11 wolfwowo 阅读(731) 评论(0) 推荐(0)
摘要: 1、vertical-align只对inline-block或table-cell有效; 2、一个定宽的没定高的div,高度会自动自适应,但是若是一个英文单词过长则会溢出div,此时需要使用word-wrap或者word-break(单词会被切断); 3、两端定宽,中间自适应: a.table-la 阅读全文
posted @ 2018-10-10 23:51 wolfwowo 阅读(504) 评论(0) 推荐(0)
摘要: 1、最首部的靠左、靠右导航栏,若不是特明显、比较小字体的,直接使用<div><a href=“”></a></div>,然后使用浮动,父元素清除浮动来的简单。 2、如导航元素有特色如: 则使用<div><ul><li><a href=""></a></li></ul></div>模式。 3、tabl 阅读全文
posted @ 2018-10-10 10:45 wolfwowo 阅读(150) 评论(0) 推荐(0)
摘要: 360浏览器是双内核浏览器,拥有“极速模式”和“兼容模式”,一般默认极速模式。 极速模式,为谷歌内核,主要以高版本浏览器为主; 兼容模式,为IE内核,主要兼容较低版本浏览器,默认为电脑安装的ie浏览器内核,也可以更低调节。 默认极速模式,需要添加代码:<meta name=”renderer” co 阅读全文
posted @ 2018-10-09 00:11 wolfwowo 阅读(276) 评论(0) 推荐(0)