移动端css文字使用什么单位最合适?

问题描述

移动端css文字使用什么单位最合适?
我之前的做法是使用px,然后做媒体查询,给不同的分辨率的手机设置不同的样式。
这样导致的结果是需要写很多样式。
后来,我想到了用cm这个单位来写,倒是解决了兼容性的问题了。
但我怎么都感觉这个方法是不争取的。
特来请教,你们在写移动端css的时候使用什么单位呢?

解决方案

移动端不是最好不要用绝对的,最好用相对的么

解决方案二:
em rem % 都可以

时间: 2025-01-26 15:30:21

移动端css文字使用什么单位最合适?的相关文章

最近整理的一份CSS文字隐藏的demo

{ hide_text } CSS文字隐藏总结报告 最近整理的一份CSS文字隐藏的demo,总结了几种方法,希望得出一种最完美的方案放进自己的代码片段,可是,到最后却陷入一种重复不断地推翻结论的境地.因为需要考虑的应用场景和元素实在太多,放下浏览器不谈,不同的应用终端,不同的标签结构会有不一样的最优方案,因此,与其希望在工作上多"偷一些懒",不如平常多巩固积累基础的知识,在需要权衡的时候,便能更加得心应手. 因为自己经验尚浅,demo部分难免会有错漏情况,如发现问题,望大家能指出. 方

最基本的几种 CSS 文字滤镜效果

css|滤镜     闲来无事,整理一些CSS文字效果,给初学者.下面做个例子吧,这都是最基本滤镜的应用,其实两种或几种不同滤镜的组合会获得意想不到的效果,遇到问题自己多动手试试就OK了,当然要特别注意颜色的搭配,有时候用色不好是看不出效果的,配合背景图片的应用也会有很好的效果的.因为太懒,所以没有写注释也没有写什么语法格式,自己看看吧! 嘿嘿.(看不明白别骂我呀)      1.效果图: 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 SUNNY SU

CSS文字竖排方法

  有时候,我们需要对网页某个区域的文字竖排,竖向排列,横向的当然大家都见惯了,对于竖排,一时间找不到思路了,呵呵,其实和横排一样简单,下面介绍4种方法来实现CSS文字竖排. 第一种方法:将需要竖排显示的字符放在span中,在CSS中设置span的display属性为block,不过不推荐使用这种方法,因为有些麻烦,代码如下: 第二种方法A:同样使用CSS,在需要竖向显示的地方,强制定义显示区域的宽度,这样字符会自动竖向排列:请看具体代码: 第二种方法B:同样是使用CSS,推荐使用这种方法,觉得

CSS文字颜色不变下划线变颜色的实现

这里我们对3组文字设置三种不同颜色下划线,分别css命名为".divcss5-F00".".divcss5-00F".".divcss5-333" 二.使用css border实现字体下划线为实线还是虚线 - TOP 1.字体下划线颜色不同实现完整HTML源代码: <!DOCTYPE html>  <html>  <head>  <meta http-equiv="Content-Type&qu

CSS文字图片div元素居中方法之水平居中

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 文字居中,文字垂直居中水平居中,图片居中,图片水平居中垂直居中,块元素垂直居中?当我们在做前端开发是时候关于css居中的问题是很常见的.情况有很多种,不同的情况又有不同的解决方式.水平居中的方式解决的时候相对来说通过css比较容易设置,垂直居中相对比较棘手. 先来说一下水平居中的不同情况与不同解决方法吧. 1文本,图片等行内元素的水平居中方法

css-问一下网页端CSS样式在手机端显示的时候,放大缩小功能失效呢,这个问题有人遇到过吗,

问题描述 问一下网页端CSS样式在手机端显示的时候,放大缩小功能失效呢,这个问题有人遇到过吗, 问一下网页端CSS样式在手机端显示的时候,放大缩小功能失效呢,这个问题有人遇到过吗 .top { height:43px; } <div class="top"> 代码省略 </div> <div class="content"> 代码省略 </div> 解决方案 在手机端页面的头部 加上 width - viewport的

CSS文字截取功能实现代码_经验交流

好处是: 兼容IE,firefox,Opera; 有利于内容完整性;有利于SEO; 无需后台程序处理; 可以在前台随时调节要截取的长度. 不好的地方: 不能自动判断截取长度,当字符很短的时候在Firefox中也会生成后面的省略符号. 另外在设置截取宽度的时候,要注意,尽量让文字截取完整. Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

css 文字环绕

以前看到新浪那css 文字环绕图片的效果,但自己怎么也想不明白,后来在就去问了一位前台的同事, 现在才明白原来这么简单,下面我来举两个例子来说明一下.: 一:以html的形式作 <div align="left"><img src="aa.jpg" width="91" height="84" style="float:left;" /> ·www.111cn.net<br&g

最基本的几种CSS文字滤镜效果_CSS/HTML

闲来无事,整理一些CSS文字效果,给初学者.下面做个例子吧,这都是最基本滤镜的应用,其实两种或几种不同滤镜的组合会获得意想不到的效果,遇到问题自己多动手试试就OK了,当然要特别注意颜色的搭配,有时候用色不好是看不出效果的,配合背景图片的应用也会有很好的效果的.因为太懒,所以没有写注释也没有写什么语法格式,自己看看吧! 嘿嘿.(看不明白别骂我呀)      1.效果图: 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 SUNNY SUNNY 一路阳光 一路