摘要：
像素： 屏幕是由一个一个发光的小点构成，这一个个的小点就是像素 分辨率，1920 x 1080 说的就是屏幕中小点的数量 在前端开发中像素要分成两种情况讨论：css像素 和 物理像素 物理像素，上述所说的小点点就属于物理像素 CSS像素，编写网页时，我们所用像素都是css像素 浏览器在显示网页时，需 阅读全文
posted @ 2022-03-29 22:27
罗砂
阅读(99)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文
posted @ 2022-03-29 21:20
罗砂
阅读(88)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文
posted @ 2022-03-29 16:01
罗砂
阅读(42)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文
posted @ 2022-03-29 15:02
罗砂
阅读(37)
评论(0)
推荐(0)
摘要：
网页中字体大小最小是12px，不能设置一个比12像素还小的字体 如果我们设置了一个小于12px的字体，则字体自动设置为12 0.13333333vw = 1px 5.33333vw = 40px 阅读全文
posted @ 2022-03-29 11:02
罗砂
阅读(60)
评论(0)
推荐(0)
摘要：
vw是由视口的宽度计算的 不同的设备完美视口的大小是不一样的 iPhone6 375 iPhone6plus 414 由于不同设备视口和像素比不同，所以同样的375像素在不同的设备下意义是不一样的. 比如在iPhone6中 375就是全屏，而到了 plus 中375就会缺一块 所以在移动端开发时，就 阅读全文
posted @ 2022-03-29 10:42
罗砂
阅读(986)
评论(0)
推荐(0)
摘要：
移动端默认的视口大小是980px(css像素)， 默认情况下，移动端的像素比就是 980/移动端宽度 （980/750） 如果我们直接在网页中编写移动端代码，这样在9980的视口下，像素比是非常不好 导致网页中的内容非常非常的小 编写移动页面时，必须要确保有一个比较合理的像素比： lcss像素 对应 阅读全文
posted @ 2022-03-29 10:09
罗砂
阅读(103)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文
posted @ 2022-03-29 09:21
罗砂
阅读(40)
评论(0)
推荐(0)
浙公网安备 33010602011771号