媒体查询写法


<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" /> /*头部需要引用*/
/*css样式需要添加*/
html{
font-size: calc(100vw / 3.75);
max-width: 750px;
min-height: 320px;
}
@media screen and (max-width: 760px) {}
/*js添加*/
<script>
document.documentElement.style.fontSize = document.documentElement.innerWidth / 3.75 + "px";
window.onresize = function() {
document.documentElement.style.fontSize = document.documentElement.innerWidth / 3.75 + "px";
};
</script>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM