会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
JIEJIANG
博客园
首页
新随笔
联系
管理
订阅
2018年10月18日
移动端根据设计图写网页
摘要: 1、设计图是根据iphone6的尺寸(375*667)扩大两倍制作的,所以写成网页的时候量得的元素尺寸(width,height,padding,margin)需要除以2。 2、适配方法: PC: 960px/1000px居中 盒子模型,定高,定宽
阅读全文
posted @ 2018-10-18 09:42 wolfwowo
阅读(372)
评论(0)
推荐(0)
2018年10月17日
移动下载页面小知识
摘要: 1、Hbuilder的局域网手机访问页面不好用,总体来说webstorm比hbuilder好用。 2、谷歌浏览器的F12->responsive的尺寸可以调整。
阅读全文
posted @ 2018-10-17 09:42 wolfwowo
阅读(105)
评论(0)
推荐(0)
2018年10月16日
小知识
摘要: 1、lang="zh-cn"简单来说,可能对于程序来说没有太大的作用,但是它可以告诉浏览器,搜索引擎,一些处理Html的程序对页面语言内容来做一些对应的处理或者事情, 比如可以: 根据lang属性来设定不同语言的css样式,或者字体; 告诉搜索引擎做精确的识别; 让语法检查程序做语言识别; 帮助翻译
阅读全文
posted @ 2018-10-16 09:49 wolfwowo
阅读(155)
评论(0)
推荐(0)
2018年10月14日
行内元素自动变为块级元素
摘要: 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)
2018年10月12日
a标签的下划线
摘要: 1、今天上午遇到一个问题:一个带有下划线的a标签,同样的浏览器,同样的字体,显示却不一样,一个下划线粗一个下划线细,这是为什么呢? 经过研究发现,下划线粗的a标签,加高高度,或者给个margin或者padding值就,下划线就会变细。 2、网页宽度为1000px定宽时,布局三栏,三栏都可以定宽设计。
阅读全文
posted @ 2018-10-12 00:11 wolfwowo
阅读(731)
评论(0)
推荐(0)
2018年10月10日
PC端布局注意事项
摘要: 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)
2018年10月9日
360浏览器
摘要: 360浏览器是双内核浏览器,拥有“极速模式”和“兼容模式”,一般默认极速模式。 极速模式,为谷歌内核,主要以高版本浏览器为主; 兼容模式,为IE内核,主要兼容较低版本浏览器,默认为电脑安装的ie浏览器内核,也可以更低调节。 默认极速模式,需要添加代码:<meta name=”renderer” co
阅读全文
posted @ 2018-10-09 00:11 wolfwowo
阅读(276)
评论(0)
推荐(0)
公告