博客列表 >PHP中文网手机版首页 - 第九期线上班20191108

PHP中文网手机版首页 - 第九期线上班20191108

MArtian
MArtian原创
2019年11月08日 21:16:54749浏览

PHP中文网手机主页

去掉了导航部分的 <ul> <li> 标签,直接将 <a> 标签设置成弹性盒子,自动适应的大小。

phone.png

总结

1.目前市面常见浏览网页的设备主要有手机、平板、PC,

屏幕宽度分为三类
1. 0px-768px —— 手机端
2. 768px-992px —— 平板端
3. 992px-1200px+ —— PC端

2.媒体查询使用@media(min-width:768px) and (max-width:922px){css代码} 媒体查询内的CSS样式只对屏幕宽度符合的设备生效
3.开发移动端项目要设置最大和最小宽度


PIC.png

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议