主页 > 程序开发 > 网站代码 > 手机移动web开发 css字体随分辨率自动缩放

手机移动web开发 css字体随分辨率自动缩放

更新时间:2016-03-12 22:47  来源:电脑技术网  作者:电脑技术网  查看评论
文章目录索引
文章简介
css字体随分辨率自动缩放

文章简介

针对手机移动的web页面编写,一般可以使用@media(min-width:440px){}针对不同的分辨率进行编写不同的css样式,但可能会出现网页缩放了,但网页中的文字却未进行相应的缩放。

css字体随分辨率自动缩放

出现本文据说的情况,一般情况下是手机中还存在一种叫“设备像素比”的一种东西,是这个影响。我们在写手机终端的时候需要在每个手机web页面头添加以下代码即可。

  1. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> 
  2. <meta name="format-detection" content="telephone=no" /> 
  3. <meta name="apple-mobile-web-app-capable" content="yes" /> 
  4. <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  5. <meta http-equiv="pragma" content="no-cache" /> 

然后配合相应的@media(min-width:320px){}进行响应式布局。

有关css | 的文章推荐