自适应网站设计如何把web前端网页做成自适应

自适应网站设计  时间:2021-09-28  阅读:()

如何把web前端网页做成自适应

1.首先,在网页代码的头部,加入一行viewport元标签。

viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。

所有主流浏览器都支持这个设置,包括IE9,对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaqueries.js。

2、不使用绝对宽度由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。

这一条非常重要。

具体说,CSS代码不能指定像素宽度:width:xxx px; 只能指定百分比宽度:width: xx%;或者width:auto; 3、相对大小的字体 字体也不能使用绝对大小(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)。

justhost:“第4次VPS测评”,8.3元/月,200M带宽,不限流量,KVM虚拟,4个俄罗斯机房应有适合你的

justhost.ru官方来消息说已经对网络进行了比较全面的优化,针对中国电信、联通、移动来说,4个机房总有一个适合中国用户,让站长进行一下测试,这不就有了这篇有关justhost的VPS的第四次测评。本帖主要关注的是网络,对于其他的参数一概不管! 官方网站:https://justhost.ru 最低配VPS:8.3元/月,KVM,512M内存,5G硬盘,200M带宽,不限流量 购买链接:...

3C云1核1G 9.9元 4核4G 16元 美国Cera 2核4G 24元

3C云互联怎么样?3C云互联专注免备案香港美国日本韩国台湾云主机vps服务器,美国高防CN2GIA,香港CN2GIA,顶级线路优化,高端品质售后无忧!致力于对互联网云计算科技深入研发与运营的极客共同搭建而成,将云计算与网络核心技术转化为最稳定,安全,高速以及极具性价比的云服务器等产品提供给用户!专注为个人开发者用户,中小型,大型企业用户提供一站式核心网络云端服务部署,促使用户云端部署化简为零,轻松...

racknerd:美国大硬盘服务器(双路e5-2640v2/64g内存/256gSSD+160T SAS)$389/月

racknerd在促销美国洛杉矶multacom数据中心的一款大硬盘服务器,用来做存储、数据备份等是非常划算的,而且线路还是针对亚洲有特别优化处理的。双路e5+64G内存,配一个256G的SSD做系统盘,160T SAS做数据盘,200T流量每个月,1Gbps带宽,5个IPv4,这一切才389美元...洛杉矶大硬盘服务器CPU:2 * e5-2640v2内存:64G(可扩展至128G,+$64)硬...

自适应网站设计为你推荐
我的工作台我的工作台进行员工自助,申请“考勤职员加班申请审批”,如何让选择职员的时候只能查看本部门职员德国阿尔及利亚德国vs阿尔及利亚角球有多少个?信息系统等级测评什么是信息安全等级保护,评测标准??oa地址连接超时,请检查oa地址和网络环境上海长宽上海长宽ftp的网址是多少?女网管我想问一下 谁做过女网管 觉的好做吗平顶山教务管理系统平顶山市第十三中学好吗?洛奇英雄传s2洛奇英雄传s2茉莉花哪里弄天津职业大学地址天津职业大学,怎么样,多少分能进去。香港大陆请问为什么在香港说大陆叫内地,
代理主机 高防服务器租用qy 荷兰vps cve-2014-6271 香港cdn l5520 空间服务商 华为网络硬盘 赞助 国外免费asp空间 ftp免费空间 免费dns解析 卡巴斯基是免费的吗 怎么建立邮箱 web服务器是什么 中国电信测速器 中国联通宽带测速 汤博乐 新疆服务器 腾讯服务器 更多