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

限时新网有提供5+个免费域名

有在六月份的时候也有分享过新网域名注册商发布的域名促销活动(这里)。这不在九月份发布秋季域名促销活动,有提供年付16元的.COM域名,同时还有5个+的特殊后缀的域名是免费的。对于新网服务商是曾经非常老牌的域名注册商,早年也是有在他们家注册域名的。我们可以看到,如果有针对新用户的可以领到16元的.COM域名。包括还有首年免费的.XYZ、.SHOP、Space等等后缀的域名。除了.COM域名之外的其他...

萤光云(16元/月)高防云服务器自带50G防御

螢光云官網萤光云成立于2002年,是一家自有IDC的云厂商,主打高防云服务器产品。在国内有福州、北京、上海、台湾、香港CN2节点,还有华盛顿、河内、曼谷等海外节点。萤光云的高防云服务器自带50G防御,适合高防建站、游戏高防等业务。本次萤光云中秋云活动简单无套路,直接在原有价格上砍了一大刀,最低价格16元/月,而且有没有账户限制,新老客户都可以买,就是直接满满的诚意给大家送优惠了!官网首页:www....

提速啦(24元/月)河南BGP云服务器活动 买一年送一年4核 4G 5M

提速啦的来历提速啦是 网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑 由赣州王成璟网络科技有限公司旗下赣州提速啦网络科技有限公司运营 投资1000万人民币 在美国Cera 香港CTG 香港Cera 国内 杭州 宿迁 浙江 赣州 南昌 大连 辽宁 扬州 等地区建立数据中心 正规持有IDC ISP CDN 云牌照 公司。公司购买产品支持3天内退款 超过3天步退款政策。提速啦的市场定位提速啦主...

自适应网站设计为你推荐
宝安网站制作宝安网站制作比较好的网络公司波粒高清波粒百万高清怎么样华为开发者联盟华为开发者联盟最近有什么活动么?声源定位内囊位于何处?锁云"安单"是什么意思?csol进不去cs online为什么打不开720云全景制作全景图如何制作的?香港大陆香港和大陆有什么不同呼叫中心系统搭建公司想建个呼叫中心系统,很急,哪的系统好,又快?呼叫中心系统搭建请问要创建一个呼叫中心系统,需要用什么软硬件设施呢?谢谢
域名服务商 域名注册中心 联通vps cn域名备案 域名解析服务器 已经备案域名 赵容 踢楼 oneasiahost la域名 美国主机代购 sub-process 免费名片模板 双12活动 php空间申请 北京双线机房 web服务器的架设 国外代理服务器地址 中国网通测速 电信虚拟主机 更多