CSS媒体查询

媒体查询标签：css[TOC]像素比像素比=物理像素/设备独立像素（css像素）window.devicePixelRatio通常设计稿padiphone5640320(css)2/1iphone750375iphone1242414//检测像素比//设计草案vardesW=640；//100pxfunctionrefreshRem(){//设备宽度(css)varwinW=document.documentElement.clientWidth;document.documentElement.style.fontSize=100/(desW/winW)+'px';//设置设备下根元素html的文字大小//x=winW/desW*100}refreshRem();//改变窗口大小时重新计算，比如从竖屏切换到横屏window.addEventListener('resize',refreshRem);rem(root-rm)相对于根元素的字体单位em是基于父元素的font必须在移动端添加viewportviewportwidthvisualwidthdevice-widthphysicaldevicewidthuser-scalable允许用户缩放默认值是noinitial-scale初始缩放比例默认为1.0maximum-scale允许用户缩放到最大比例默认为1.0minimum允许用户缩放到最小比例默认值为1.0MobileeotIE专用字体sug兼容手机@font-face{font-family:'YourWebFontName';src:url('你的网页字体名称.eot');/*IE9兼容模式*/src:url('YourWebFontName.eot?#iefix')format('embedded-opentype'),/*IE6-IE8*/url('YourWebFontName.woff')format('woff'),/*现代浏览器*/url('YourWebFontName.ttf')format('truetype'),/*Safari,Android,iOS*/url('YourWebFontName.svg#YourWebFontName')format('svg');/*LegacyiOS*/}https://mjs.sinaimg.cn/wap/online/home/v7/dest/css/fonts/SinaHomeFont.woff?v=0.0.14把点后的后缀改一下下载svg输入网址后直接保存https://mjs.sinaimg.cn/wap/online/home/v7/dest/css/fonts/SinaHomeFont.eotinline-block默认间距为4像素解决方法是添加font-size给父元素0为1001.方便计算2.减少误差