为了账号安全,请及时绑定邮箱和手机立即绑定

用js写的页面,用什么办法可以让页面在任何情况下都显示正常

用js写的页面,用什么办法可以让页面在任何情况下都显示正常

MrGao_rookie 2018-04-02 10:17:46
查看完整描述

5 回答

已采纳
?
对象不是老婆

TA贡献16条经验 获得超6个赞


采用响应式布局,首先,在网页代码的头部,加入一行viewport元标签。

<meta name=”viewport” content=”width=device-width, initial-scale=1″ />

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

其次不要使用绝对宽度,采用百分比如:width: xx%;或者width:auto;

图片的自适应:img { max-width: 100%;}

查看完整回答
反对 回复 2018-04-02
?
慕无忌3133386

TA贡献1条经验 获得超0个赞

            window.onresize = function () {

                      img.resize();

                  }

应该是这样吧

resize


查看完整回答
反对 回复 2018-04-02
?
习惯受伤

TA贡献885条经验 获得超1144个赞

写 resize 事件处理

查看完整回答
反对 回复 2018-04-02
?
MrGao_rookie

TA贡献1条经验 获得超0个赞

用火狐浏览器调试时,尺寸变换调试的时候图片不会自适应变换,而是会重叠。

查看完整回答
反对 回复 2018-04-02
?
北七哦

TA贡献33条经验 获得超4个赞

比如说有什么情况

查看完整回答
反对 回复 2018-04-02
  • MrGao_rookie
    MrGao_rookie
    用火狐浏览器调试时,尺寸变换调试的时候图片不会自适应屏幕,而是会重叠。
  • 5 回答
  • 0 关注
  • 1904 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信