开启辅助访问
智能 [热门需求]
或 免费发布需求
快捷导航
返回列表 发新帖

自适应问题！

小***
时代问答 问答社区
s上图我没有加元信息 出现的效果 已经自适应下图我加了元信息的自适应 为什么就不自适应了
显示全部楼层

免责声明：本内容仅代表回答者见解不代表本站观点，请谨慎对待。

版权声明：作者保留权利，不代表本站立场。

回复

使用道具 举报

上一主题 下一主题

参与会员2

sao***
那个只是缩小了，不是自适应。你用手机打开一个非自适应的企业网站，也会给你全部显示的，但是缩到很小。宽度写百分比的好像都是这样。固定用px的就不会。
回复

使用道具 举报

m3975***
我也是小白，但是我之前修改都是用这样的代码判断设备的大小，然后重新写样式


@media (max-width: 600px){ .class{ width:100%; }}
当页面宽度小于或等于600px，直接写入css。

@media (min-width: 768px){ //>=768的设备 }
@media (min-width: 992px){ //>=992的设备 }
@media (min-width: 1200){ //>=1200的设备 }
注意下顺序，如果你把@media (min-width: 768px)写在了下面那么很悲剧，

@media (min-width: 1200){ //>=1200的设备 }
@media (min-width: 992px){ //>=992的设备 }
@media (min-width: 768px){ //>=768的设备 }
因为如果是1440,由于1440>768那么你的1200就会失效。

所以我们用min-width时，小的放上面，大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面
@media (max-width: 1199){ //
回复

使用道具 举报

可能感兴趣的问答

发新帖
TA的信息
  • 会员所属： 注册会员
  • 认证信息： 邮箱认证手机认证

最新任务

更多 >

最新问答

  • 微信访问
  • 手机APP

优

优秀人才 汇聚时代

快

及时响应 快速匹配

专

专注软件 众包服务

保

信息保障 隐私保护
友情链接 : 时代威客网 有招网 自考365 测试网

  • 微信小程序

  • 新浪微博

  • 手机客户端