media-query

手机机型响应式设置1

media-query，根据计算根据不同屏幕宽度设置根元素font-size@media only screen and (max-width: 374px) {   // ipone5   html 
不看一·2023-09-20 13:36

CSS响应式

CSS响应式rem适配长度,设置根元素htmlfontsize,属性1rem=100px,先进行人为规定方法一：@media+rem方法二:手机淘宝flexible.js方法三：vw,vh进行适配通过media-query
小李科技·2022-05-27 14:43

CSS响应式

CSS响应式rem适配长度,设置根元素htmlfontsize,属性1rem=100px,先进行人为规定方法一：@media+rem方法二:手机淘宝flexible.js方法三：vw,vh进行适配通过media-query
小李科技·2022-05-27 14:43

如何编写响应式页面与media-query（媒体查询）

如何编写响应式网页（1）必须声明viewport标签（2）容器尽量使用相对尺寸尽量避免绝对尺寸：div.container{width:500px;}使用相对尺寸代替：div.container{width:80%}（3）文字大小尽量使用相对尺寸尽量避免绝对尺寸：.text{font-size:12px;}使用相对尺寸代替：.text{font-size:0.8rem;}（4）图片尽量使用相对尺寸
@77·2020-09-16 03:58

webpack之postcss集成

主要完成了下面几个功能autoprefix，样式加前缀preces合并图片1)可以合并多张雪碧图2)可以按照不同的比例合并图片3)对一些简单的图片可以使用base64编码兼容IE浏览器后期需要将px转换为em，使用media-query
qinghui·2020-08-24 13:47

记一次拼多多Web前端面试(一面+二面+hr面)

5、media-query用过吗？6、用的ES6的语法吗？7、promise是什么意思？8、后台拿数据是使用什么？原生的ajax对象了解吗？原生的ajax用promise封装一下要怎么做？
杜小白Zero·2019-04-24 16:47

记一次幸运的拼多多Web前端面试（一面+二面+hr面）

5、media-query用过吗？6、用的ES6的语法吗？7、promise是什么意思？8、后台拿数据是使用什么？原生的ajax对
杜小白Zero·2018-11-26 17:53

记一次幸运的拼多多Web前端面试（一面+二面+hr面）

5、media-query用过吗？6、用的ES6的语法吗？7、promise是什么意思？8、后台拿数据是使用什么？原生的ajax对
杜小白Zero·2018-11-26 17:53

响应式站点2-viewport和media-query

原文3年多前发表在私人站点，现迁移到3种viewport以前PC端的网站一般宽度在1000px以上,这种大尺寸的页面如何在手机上展示?答案就是：缩放，所以早期看到的网站都很小，需要双击放大某一部分区域才能浏览。visualviewportvisuallviewport,显示的屏幕窗口,可以把他理解为放大镜,距离可以拉近一点拉远一点,显示的内容可以缩小可以放大,大致就是下面这个样子：viewport
陈涛_滴滴·2018-08-19 00:29

webpack之postcss集成

主要完成了下面几个功能autoprefix，样式加前缀preces合并图片1)可以合并多张雪碧图2)可以按照不同的比例合并图片3)对一些简单的图片可以使用base64编码兼容IE浏览器后期需要将px转换为em，使用media-query
qinghui·2016-03-12 00:00

常见手机浏览器兼容性整理

cr,wd,ls,other,unoffbackground-position-xbackground-attachmentzoom：android火狐不支持crossfade:androiduc不支持media-query
flyking·2016-01-22 16:00

基于物理尺寸的响应式设计

两种Queries之间的细微区别 比较如下两个media-query声明：   @media (min-resolution:  341 dpi) and ( min-width
·2015-10-31 15:33
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他