rem+媒体查询---移动端 设计稿以375
2017-09-26 16:58
519 查看
@media screen and (max-width: 319px) { html { font-size: 85.33333px } } @media screen and (min-width: 320px) and (max-width: 359px) { html { font-size: 85.33333px } } @media screen and (min-width: 360px) and (max-width: 374px) { html { font-size: 96px } } @media screen and (min-width: 375px) and (max-width: 383px) { html { font-size: 100px } } @media screen and (min-width: 384px) and (max-width: 399px) { html { font-size: 102.4px } } @media screen and (min-width: 400px) and (max-width: 411px) { html { font-size: 106.66667px } } @media screen and (min-width: 412px) and (max-width: 413px) { html { font-size: 109.86667px } } @media screen and (min-width: 414px) { html { font-size: 110.4px } }
相关文章推荐
- 项目开发之rem加媒体查询实现移动端布局
- 移动端自适应之媒体查询,em,rem
- 移动端H5知识普及[系列] - CSS3媒体查询
- 你用过媒体查询,或针对移动端的布局/CSS 吗?
- 响应式设计之媒体查询
- 响应式设计媒体查询尺寸分界点一览表
- 通过媒体查询meta和JS转换REM单位实现100%自适应
- 前端开发响应式设计之媒体查询(bootstrap)
- 使用 CSS 媒体查询创建响应式网站-*适用于所有屏幕大小的设计*
- 移动端媒体查询
- 你用过媒体查询,或针对移动端的布局/CSS 吗?
- 响应式布局 css3 media 媒体查询 和js+rem
- 媒体查询-------基于屏幕宽度和像素率的响应设计
- 你用过媒体查询,或针对移动端的布局/CSS 吗?
- css @media rem+百分比布局 响应式布局之媒体查询
- css 利用媒体查询进行响应式设计
- 【响应式Web设计】读书笔记 - 媒体查询 - 2
- 移动端设备媒体查询记录
- 移动端媒体查询的一些尺寸参考
- 移动端媒体查询的一些尺寸参考