关于一个HTML/CSS自适应的问题
发布网友
发布时间：2022-04-24 05:54
共1个回答
热心网友
时间：2022-05-15 08:47
以下几种方式：
1、css把宽度设置成百分比，width:100%;左右布局按一定比例设置好 ，需要多次调试，保证不同分辨率下的美观性。
2、根据不同分辨率或者不同屏幕大小定义相应的CSS文件。一般多采用这种方式。比如：
<link rel="stylesheet" type="text/css" id="links" href="../css/m_wuqinglan.css"/><script type="text/javascript">
window.onload=function(){
var sc=document.getElementById("links");
if(window.screen.width>1024) //获取屏幕的的宽度
{
sc.setAttribute("href","../css/css1.css"); //1024屏幕
}
else{
sc.setAttribute("href","../css/css2.css"); //其他
}
}
</script>
