鱼C论坛

 找回密码
 立即注册
查看: 2243|回复: 2

[已解决]自适应屏幕

[复制链接]
发表于 2019-9-15 20:48:35 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
手机怎么自适应屏幕?
最佳答案
2019-9-16 10:48:37
1、小甲鱼老师在 Web 系列中有讲过其中 meta 办法:传送门

笔记:004 - 一只特立独行的猪

2、或者采用 % 指定元素尺寸

子元素宽度 50% ,那么父元素的宽度就是 100%

所以 body 默认宽度是屏幕宽度(PC 中指的是浏览器宽度,移动端就是手机屏宽)子孙元素按百分比定位(或指定尺寸)就可以了。

这只适合布局简单的页面,复杂的页面实现很困难。


想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2019-9-15 20:49:31 | 显示全部楼层
https://blog.csdn.net/huang100qi/article/details/81842408
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-9-16 10:48:37 | 显示全部楼层    本楼为最佳答案   
1、小甲鱼老师在 Web 系列中有讲过其中 meta 办法:传送门

笔记:004 - 一只特立独行的猪

2、或者采用 % 指定元素尺寸

子元素宽度 50% ,那么父元素的宽度就是 100%

所以 body 默认宽度是屏幕宽度(PC 中指的是浏览器宽度,移动端就是手机屏宽)子孙元素按百分比定位(或指定尺寸)就可以了。

这只适合布局简单的页面,复杂的页面实现很困难。


想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-5-22 04:28

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表