学生个人网页优秀模板-响应式网页制作是如何做

摘要:viewport是网页页面默认设置的总宽和高宽比,上边这方面编码的含意是,网页页面总宽默认设置相当于显示屏总宽(width=device-width),初始放缩占比(initial-scale=1)为1.0,即网页页面原始...

--------

学生个人网页优秀模板

-------viewport是网页页面默认设置的宽度和高宽比,上面这行编码的意思是,网页页面宽度默认设置等于屏幕宽度(width=device-width),原始放缩占比(initial-scale=1)为1.0,即网页页面原始尺寸占屏幕面积的100%。
针对旧式IE6,7,8访问器需要js解决,因为关键服务平台是ios和安卓系统,因此能够临时不考虑到Opera不适用。
二. 不应用肯定宽度
因为网页页面会依据屏幕宽度调剂合理布局,因此不可以应用肯定宽度的合理布局,也不可以应用具备肯定宽度的元素。这一条十分关键。
实际说,CSS编码不可以特定像素宽度:
width:xxx px;
只能特定百分比来界定列宽度:
width: xx%;
或:
width:auto;
或:
应用最大宽度和最大高宽比max-width,max-height;
三. 相对性尺寸的字体样式
字体样式也不可以应用肯定尺寸(px),而只能应用相对性尺寸(em)。
拷贝编码编码以下:
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的编码特定,字体样式尺寸是网页页面默认设置尺寸的100%,即16像素。
拷贝编码编码以下:
h1 {
font-size: 1.5em;
}
随后,h1的尺寸是默认设置尺寸的1.5倍,即24像素(24/16=1.5)。
拷贝编码编码以下:
small {
font-size: 0.875em;
}
small元素的尺寸是默认设置尺寸的0.875倍,即14像素(14/16=0.875)。

1

2



下一条:把网页页面变为黑与白(适配谷歌、火狐、ie等访问器),上一条:iPhone手机上开启网站不全屏显示信息的处理方法



龙脉动态性 建网站套餐 网站办理备案 优化技能 优化实例 协助管理中心 ---------

学生个人网页优秀模板

------------


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:网站免费建站