搜外网>搜外问答>问答页面

怎么让网页适应所有屏幕宽度?

怎么让网站的网页适应所有的屏幕宽度?

追加问题
    16 人参与回答

  1、在网页代码的头部,加入一行viewport元标签

  viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为,即网页初始大小占屏幕面积的100%。

  注意:该方式不支持IE8及IE8以下的版本

  2、不使用绝对宽度

  由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。对图像来说也是这样。

  具体说,CSS代码不能指定像素宽度:width:xxx px;

  只能指定百分比宽度: width: xx%; 或者 width:auto;

智能营销系统
智能营销系 · 精准客源-被动营销-znyx222

学习了

楼上们的方法棒棒哒

整体卫生间
整体卫生间 · 整体卫生间,装配式整体卫生间,集成卫生间厂家

相对宽度,也可以根据屏幕宽度判断调用不同的css

做成相对宽度,可以试试响应式

沃森游乐设备
沃森游乐设 · 充气城堡,充气滑梯,移动水上乐园等儿童游乐设备实力生产厂家。

相对宽度

请采用实名 · 神龙HTTP 高匿代理ip 免费测试

可以试试响应式哦

做成相对宽度

粤讲越掂
粤讲越掂 · 膏药seo

代码写相对宽度就行了

会飞的鸟
会飞的鸟 · SEO,前端页面,高新技术企业认定,策划

看我的,

搜外用户
搜外用户 · 来搜外学习的一名普通用户

做成相对宽度,设置相对宽度

瑞金红魂立德红色教育服务中心
瑞金红魂立 · 瑞金红魂立德红色教育服务中心、福建古田红色教育服务中心、遵义红魂立德红色教育服务中心的seo优化专员。

设置相对宽度

梦梦
梦梦 · 泰海科技12年服务经验,专注于服务器租用

建站的工作人员都知道的

左左渔
左左渔 · 专注“科技项目申报”体系

设置相对宽度

做一个响应式的网站,bootstrap类似这样的前端框架很多你可以试着做个这样的网站 适应多有屏幕

加载更多
SEO培训招生中
188