@media only screen and (max-width:340px) {
html,input{
font-size:80%;
}
} @media only screen and (max-width:450px) {
html,input{
font-size:90%;
}
} /* 当屏幕最大值为 819px 时,即:屏幕宽度小于819px时 */
@media only screen and (max-width: 819px) { } /* 当屏幕最小值为 818px 时,即:屏幕宽度大于818px时 */
@media only screen and (min-width: 818px) { }
相关文章
- 大二学生基于Html+Css+javascript的网页制作——动漫设计公司响应式网站模板 (10个页面) (1)
- 大二学生基于Html+Css+javascript的网页制作——动漫设计公司响应式网站模板 (10个页面)
- 大二学生基于Html+Css+javascript的网页制作——动漫设计公司响应式网站模板 (10个页面)
- (原)css 响应式媒体查询 模板
- Bootstrap之移动设备优先、栅格系统、媒体查询,响应式式布局
- 怎样使用CSS3媒体查询(Media Queries)制作响应式网站
- 移动端响应式布局--你不知道的CSS3.0媒体查询,解决rem部分情况下无法适配的场景
- 关于响应式、媒体查询和media的关系 、流媒体布局flex 和em rem像素的使用 我有一些废话要讲.....
- 大一学生《Web编程基础》期末网页制作 基于HTML+CSS+JavaScript响应式个人主页相册介绍模板
- 关于css3媒体查询和响应式布局