![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
每天进步一点点
喵姑娘呀
一只喜欢前端的喵,正在好好学习,天天向上。
展开
-
em和rem,rem适配手机屏幕
em:一种长度单位,参照当前元素的字号,如果没有设置,就参照父容器或者当前浏览器的默认字号。举个例子:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .b...原创 2019-07-25 15:51:04 · 210 阅读 · 0 评论 -
rem适配手机屏幕
rem适配手机屏幕em和rem记录在:https://blog.csdn.net/weixin_43389331/article/details/97262876好像对比em之后,感觉rem更好方便一些,不过就是当拿到手机屏幕大小时,需要计算一些值会复杂些。先确定把不同屏幕大小统一分为n等份的份数;用每个屏幕的大小(screen)分别除以份数n ;screen%n=font-size大小...原创 2019-07-25 16:02:32 · 289 阅读 · 0 评论 -
网页布局方式
总结一下下网页布局的几种方式:流式布局:为网页设置一个相对的宽度,通常以百分比%做为长度单位。更加适合屏幕变化。栅格化布局:将网页宽度人为的划分成均等的长度,然后排版布局时则以这些均等的长度做为度量单位,通常利用百分比做为长度单位来划分成均等的长度。Bootstrap里的栅格系统。固定宽度布局:为网页设置一个固定的宽度,通常以px做为长度单位,常见于PC端网页。我最开始练习的就是这种。响...原创 2019-07-21 21:32:44 · 308 阅读 · 0 评论