h5
_cris
一场渐行渐远的旅途。
展开
-
HTML5手机端网站开发meta设置
前端在进行手机端页面开发时,需要在页面head中完成很多基本设置,确保页面在手机端的显示效果。在开发的过程中,是通过meta标签的设置。1.viewport标签<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> 属性介绍...原创 2018-04-27 11:18:03 · 3274 阅读 · 0 评论 -
table中td标签中内容过长时,设置td长度固定的方法
在使用table标签时,我们设置了td的宽度且设置了单行溢出加省略号的样式,但是发现,td还是随内容的多少会撑开,如下图:这样就不符合我们预期想要的效果,我们只需要在table标签上加属性: width="100%" style="table-layout:fixed"cellpadding,cellspacing这两个属性用于清除td标签的间隙。此外td设置样式:overflow: hidde...原创 2018-06-25 16:36:59 · 19600 阅读 · 2 评论 -
HTML中table标签的跨多行和多列布局方法
先放一张布局效果效果图在实现这一布局效果时,主要应用了rowspan、colspan跨行和跨列的属性布局。在所跨的行或者列,在其他行或者列中也是占位的。比如:第一项项目基本信息是跨过5行,因此在接下来的4行中,第一列已经是默认被占了,行中的td列是从第二列开始布局;最后一行,项目得分占据6列,因此第二个td实际对应的是该行的第七列。具体实现代码如下:HTML布局代码:<!-- 明细表 --&...原创 2018-06-25 16:51:13 · 34636 阅读 · 1 评论 -
前端HTML状态码大全(200,404,503等)
这些状态码被分为五大类: 100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。 (自己电脑这边的问题) 自己电脑这边的问题) 500-599 用于支持服务器错误。 (对方的问题) 对方的问题)一些常见的状态码为: 200 - 服务器成功返回网页 4...转载 2018-06-20 12:09:36 · 10309 阅读 · 0 评论 -
手机端h5页面利用rem进行适配的有效方案
关于H5页面的适配方案,有很多很多,各种方法有各种方法的优势。在博主做项目的实际开发过程中,常用的方案是利用rem进行适配。具体的适配原理如下:需要明确的一点,各种浏览器对字体默认的大小为16px.通常UI设计师给到前端开发的设计稿是以iphone6 手机大小设计的,前端开发时也是参照iphone页面显示效果进行开发。在开发的前期我们需要对浏览器默认字体的大小进行修改。使得,在页面上设置 ...原创 2018-10-11 17:28:34 · 2518 阅读 · 0 评论