文章详情页

css3 - viewport和@media的区别是什么

浏览：59日期：2023-07-09 16:18:02

问题描述

最近做的移动端响应式，用viewport，然后改成比例调节，就支持了移动端。那么@media用在什么情况下呢？这两个各自的特点和适用场景是什么？

问题解答

回答1：

viewport是用在移动端的设置屏幕大小,media则是根据屏幕大小的不同来设置对应的样式

回答2：

@media 在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值。可以对指定的元素进行控制

CSS

上一条：css3 - flex现在的兼容性如何下一条：css3 - 这种情景怎么解释？display:flex 遭遇 white-space: nowrap;

相关文章：

1. medoo返回值问题2. java - MySQL显示中文星期3. vue打包和PHP后台怎样同域名部署配置4. 继承Controller类之后报错5. 请教包括一维、二维数组的遍历问题6. MySQL的联合查询[union]有什么实际的用处7. 为什么我按老师讲的浏览器里输出了peter.老师的却没有？8. base64_decode调用出错windows server 2008R2系统上出现的9. mysql建表索引问题求助10. 老师可以把数据库也给我们吗

排行榜

					
					angular.js - 为什么Angular2和Ionic2都用TypeScript开发，TypeScript有什么优势吗？
javascript - vue提示语法错误，请问错误在哪？
老师可以把数据库也给我们吗
angular.js - angularjs实现点击事件后,在firefox生效却在360浏览器不起作用
jquery - js文件被多次加载问题
如何通过Java编码生成Jmeter仪表板报告。（不是Windows或Shell命令）
javascript - 百度echarts series数据更新问题
angular.js - Beego 与 AngularJS的模板格式冲突，该怎么解决？
javascript - 微信音乐分享
vue打包和PHP后台怎样同域名部署配置
javascript - 关于使用Cordova的本地通知插件
				

热门标签