自适应网站设计如何把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)。

SugarHosts糖果主机,(67元/年)云服务器/虚拟主机低至半价

SugarHosts 糖果主机商也算是比较老牌的主机商,从2009年开始推出虚拟主机以来,目前当然还是以虚拟主机为主,也有新增云服务器和独立服务器。早年很多网友也比较争议他们家是不是国人商家,其实这些不是特别重要,我们很多国人商家或者国外商家主要还是看重的是品质和服务。一晃十二年过去,有看到SugarHosts糖果主机商12周年的促销活动。如果我们有需要香港、美国、德国虚拟主机的可以选择,他们家的...

pacificrack:超级秒杀,VPS低至$7.2/年,美国洛杉矶VPS,1Gbps带宽

pacificrack又追加了3款特价便宜vps搞促销,而且是直接7折优惠(一次性),低至年付7.2美元。这是本月第3波便宜vps了。熟悉pacificrack的知道机房是QN的洛杉矶,接入1Gbps带宽,KVM虚拟,纯SSD RAID10,自带一个IPv4。官方网站:https://pacificrack.com支持PayPal、支付宝等方式付款7折秒杀优惠码:R3UWUYF01T内存CPUSS...

什么是BGP国际线路及BGP线路有哪些优势

我们在选择虚拟主机和云服务器的时候,是不是经常有看到有的线路是BGP线路,比如前几天有看到服务商有国际BGP线路和国内BGP线路。这个BGP线路和其他服务线路有什么不同呢?所谓的BGP线路机房,就是在不同的运营商之间通过技术手段时间各个网络的兼容速度最佳,但是IP地址还是一个。正常情况下,我们看到的某个服务商提供的IP地址,在电信和联通移动速度是不同的,有的电信速度不错,有的是移动速度好。但是如果...

自适应网站设计为你推荐
健康门户网站健康资讯中国健康之源网?信息系统等级测评内蒙古信息系统安全等级测评中心工资怎么样胶南建管网胶南做网站哪有北京移动官网北京的移动网站官网是必须注册吗?中山大学南校区地址谁知道中山大学的具体位置?要详细的地址!急!!!女网管网吧女网管的工作职责有哪些?wap地带动感地带怎么用WAP上网fusioninsight什么是MAYA FUSION?怎么又跑出来一个DFusion?两者什么区别?idc咨询初次进入IDC这个行业,怎么才能很快的入手!语音合成如何把微信的语音融合成一体保存
韩国俄罗斯 网站被封 服务器架设 南昌服务器托管 怎样建立邮箱 美国堪萨斯 hkt 卡巴斯基免费试用版 服务器防火墙 可外链的相册 云服务是什么意思 阿里云个人邮箱 mteam 湖南铁通 架设代理服务器 apache启动失败 ping值 nano 西安电信测速网 次时代主机 更多