« Win10搭建web服务实现文件共享html5设置图片自适应屏幕宽度 »

html页面自适应宽度

分类: 网页设计代码 发布: roger 浏览: 日期: 2020年7月22日

html页面实现响应式的方式有很多,本篇介绍懒人必备一招见效的方法。

在head标签中加入

 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

这样页面就能根据屏幕的宽度变动了。

如果想要图片自适应 加上width="100%",或者是 90 再居中显示。

相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-Blog 1.8 Walle Build 91204

Copyright 2008-2022 WWW.XMHJFB.COM Rights Reserved 闽ICP备16020319号