Web前端开发笔记之CSS拓展06——移动端、屏幕、视口、二倍图、流式布局

本文探讨了移动端与PC端网页设计的主要区别,包括屏幕尺寸、视口设置、二倍图使用及百分比布局等核心概念。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.移动端开发与PC端网页的不同?

>PC屏幕大,网页固定版心

>手机屏幕小,网页宽度多数为100%

2.屏幕尺寸:

指的是屏幕对角线的长度,一般用英寸来表示。

 

 

 移动端默认屏幕宽度是980px,我们需要使用视口来调整其网页宽度大小等于逻辑宽度

3.视口

 4.二倍图

二倍图用于显示在高分辨率下依旧清晰的效果,同时和逻辑分辨率有比例关系。(以iphone6/7/8为例我们默认以750px做设计方案)

5.百分比布局

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

言行物恒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值