一、通过下面的代码在不同的浏览器里打开进行测试：Document body{font-family: "黑体-简","微软雅黑";} font-size:1px，这是1号字体 font-size:2px，这是2号字体 font-size:3px，这是3号字体 font-size:4px&…

手机端web/app界面设计尺寸规范 移动端高清、多屏适配方案 背景 开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效…

苏宁易购WAP的meta分析 响应式 meta设置 媒体查询时读的width为viewport的宽度。viewport宽度为手机分辨率。比如note2 1280*720.需要重置为设备 640*360 方式 类型 css javascript 原理 媒体查询宽、高范围。设置html的font-size基准值 (window.innerWidth/psd的初始化宽度)*p…

博客在手机打开一直不能适配，手机上访问的体验很不好。今天把博客的大部分页面都加了自适配手机端，只要修改每个页面的css 即可。 之前大概知道怎么去改，但是页面太多实在觉得麻烦，就一直没有去改。当初做博客的时候也没有考虑到…

在App.vue中 setup () {const bodyScale () > {let devicewidth document.documentElement.clientWidth//获取当前分辨率下的可是区域宽度let scale devicewidth / 1920 // 分母——设计稿的尺寸document.body.style.zoom scale//放大缩小相应倍数}onMounted(() > {b…

最近在做一个vue的项目。之前的前端同事离职了，和女朋友去云南潇洒去了，剩下我一个苦逼坐在电脑前哒哒哒敲代码。刚刚接手就开始做移动端富文本编辑器的需求。主管说压了半个月，尽快做出来。在网上找了不少编辑器，前段时间做过react的后台项目，用了百度的编辑器。功能很多…

最近做项目，遇到一个问题，在手机上要实现视频的全屏播放功能。测试了很久，终于找到解决办法。 第一种：将视频放大来控制。 视频在播放的时候，全屏是根据高度来的，如果设置视频 video 标签的宽度是 100% 高度…

1.@media screen实现网页布局的自适应 优点 : 无需插件,能够适应各种窗口大小，只需在CSS中添加@media screen属性。 官方文档：@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。 语法：@media mediatype and|not|o…