网站建设_无锡手机网站建设自适应屏幕大小代码
作者:站群原创• 更新时间:2023-05-20 23:43:03 •阅读:266
无锡手机网站建设自适应屏幕大小代码!手机网站根据屏幕分辨率调用相应的CSS。首先要在头部加上,表示极限屏幕宽度是物理宽度。
或者这句话告诉浏览器视口宽度等于设备屏幕宽度,不进行初始缩放。
按照屏幕分辨率调用Css,普通手机屏幕宽度为240PX360PX480PX640PX等。
当手机分辨率为360PX宽时调用:
@mediascreenand(小宽度:360px){
。文本{padding-bottom:0;{}
{}
@mediascreenand(小宽度:480px网站建设){
。文本{padding-bottom:0;{}
{}
或者可以根据分辨率不同在前台页面调用不同的CSS:
手机网站自适应手机屏幕宽度代码:
在页面顶部添加。
视口是网页的默认宽度和高度。上面的代码表示网页宽度默认等于屏幕宽度(width=device-width),初始比例(initial-scale=1)为1.0,即网页的初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置,包括IE9。对于那些老浏览器(主要是IE6,7,8),需要css3-mediaquery.js。
不允许用户放大和缩小页面以及页面的自适应宽度。
根据不同的屏幕设置相应的CSS,是目前手机网站使用广泛的自适应编码方式。
本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。如若转载,请注明出处:http://www.botadmin.cn/sylc/27089.html