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

刚做的网页在电脑浏览正常,但是到了手机上背景图的宽度变小了,很多内容都显示到背景之外了

刚做的网页在电脑浏览正常,但是到了手机上背景图的宽度变小了,很多内容都显示到背景之外了

查看完整描述

10 回答

已采纳
?
另一个我叫佟百万

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

如果想让手机与电脑效果一样的话,你所有的元素设置尺寸时,必须要用百分比。并且,像什么margin padding  top left 等等都得动态的根据屏幕尺寸修改,所以要用js了。再就是电脑的宽高比与手机的宽高比不一样,你的背景图片可能就得根据情况来更换。再就是 现在很多网站都分手机端(好像应该是移动端)页面和电脑端页面,你可以也这样做

查看完整回答
2 反对 回复 2016-11-17
?
会飞的小飞象

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

要写屏幕自适应代码的,骚年


查看完整回答
反对 回复 2016-11-19
?
weenhall

TA贡献121条经验 获得超57个赞

可以用window对象获取窗口的宽度和高度

查看完整回答
反对 回复 2016-11-18
?
王进王进

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

用现成框架
查看完整回答
反对 回复 2016-11-18
?
阿扎瓦

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

去了解下响应式布局

查看完整回答
反对 回复 2016-11-18
?
源码翼

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

宽度用百分比就好了
查看完整回答
反对 回复 2016-11-18
?
没事儿打打杀杀

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

或者设置图片的宽度和告诉都为100%,  width:100%;height:100%;

查看完整回答
反对 回复 2016-11-17
?
没事儿打打杀杀

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

设置图片覆盖整个屏幕

background-image:cover;

查看完整回答
反对 回复 2016-11-17
?
慕数据7248526

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

屏幕分辨率不同。。。大小不适合

查看完整回答
反对 回复 2016-11-17
?
慕粉1470498377

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

请问这个要怎么设置啊 

查看完整回答
反对 回复 2016-11-17
  • 慕斯卡7148730
    慕斯卡7148730
    //媒体查询了解下,在手机端背景外围固定宽度 @media only screen and (max-width: 1028px) { }
  • 10 回答
  • 0 关注
  • 5741 浏览
慕课专栏
更多

添加回答

举报

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