你这个要看浏览器支持箭头函数不,
图片无所谓,到时候写需求会给你发高清图片,就实现功能就可以拉
我的没有,请贴出代码
因为是要按比例缩小啊。基准是300,缩小时按照比例用300来减掉。
再加一个 里面啥都不写改成背景颜色
设置属性 space-between 或者space-around
可以的,举个列子比如本身就设置了width之类,设置了flex-grow指的是扩大的比例。当然还是会起作用的
是的,grow 是针对有剩余空间的分配填充;flex-shrink 是对超出部分的缩小
建议购买比卡丘
device-width是设备的宽度;width是浏览器的可视宽度。
要看到第一个的效果,需要打开控制台,点击菜单栏左侧的“手机pad图案”图标。
1,适配主流的
2,百分比
没区别的,都可以。先解析后解析对渲染页面基本没什么影响
min-device-width是设备整个显示区域的宽度,例如,真实的设备屏幕宽度。
max-width是目标显示区域的宽度,例如,浏览器宽度。
视频案例使用的是min-device-width,也就说他是根据你的屏幕宽度设置的。你需要F12调出手机模拟窗口,这样就可以根据模拟的手机屏幕宽度而不是你的电脑屏幕宽度来设置。
如何你想在电脑上拖动浏览器来更改适配样式则可以将min-device-width更换为max-width
直接在浏览器窗口拖动改变窗口的宽高大小就可以查看不同大小的页面宽高下页面效果了。
不写device,就是屏幕的宽度和高度了