2 qq 28422271 qq_28422271 于 2016.03.18 09:11 提问

媒体查询怎么限制宽高,使手机上看的时候都是一屏一屏的

就是各种手机打开时,都是全屏的,不用拖拉,该怎么写,现在各种手机的分辨率都是多少,做的是微信场景动画,谢谢各位大牛啦

5个回答

lecepin
lecepin   2016.03.18 11:29

直接用JS获取宽度和高度就行,然后根把获得的值进行相应样式的调用。

qq_20624647
qq_20624647   2016.04.29 10:08

使用百分比来渲染元素的宽度,然后使用媒介查询来设置根字体大小,然后用相对单位设置高度

u010303530
u010303530   2016.10.11 17:44

做微信端动画没有做过 不过做过嵌套在微信里面的H5页面
一般高是不用考虑的 只做宽度的媒体查询 移动端我一般只做3个版本的兼容 基本就会适用于移动端了 一个iphone6 plus iphoe5 平板
@media screen and (max-width:414px){} //这个iphone6plus 的兼容 就是宽度小于414px的移动端会在实用这个里面的样式
@media screen and (max-width:320px){} //这个iphone5的兼容 就是宽度小于320px的移动端会使用这个里面的样式

@media screen and (max-width:768px){} //这个是平板的媒体查询

cz_0228
cz_0228   2016.11.07 11:11

宽度和高度设置成百分比

zhituji
zhituji   2017.08.21 22:36

一屏高度:100vh,一屏宽度:100vw,适用于任何屏幕

zhituji
zhituji 字体也可以设置:font-size:10vw或者font-size:10vh,当然不能小于最小字体
4 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!