网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

media queries怎么使用

时间:2024-10-15 00:35:47

1、打开编辑器,创建一个HTML文档,并且设立一下基本的架构。

media queries怎么使用media queries怎么使用

4、在CSS文件里面设置一下图片的尺寸和位置。但是如果在手机上显示,这个图片就太大了。

media queries怎么使用

5、先在HTML文件里面加上这句。<meta name="viewport" 艘早祓胂content="width=device-width, initial-scale=1.0">然后我们在CSS文件上加上这句。@media only screen and (max-width: 700px) { img { width: 600px; height: 600px; }}

media queries怎么使用

6、这个时候我们把页面方法缩小一下就能看到效果了。

media queries怎么使用
© 2025 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com