WEB页面适配不同分辨率下的屏宽问题

发布时间:2021-11-27 06:13:27

不同分辨率下写不同的样式。


使用@media元素


这样写
@media screen and (max-width:180pt) {html { font-size: 6pt }}
@media screen and (max-width:210pt)and (min-width:180pt) {html { font-size: 7pt }}
@media screen and (max-width:240pt)and (min-width:210pt) {html { font-size: 8pt }}
@media screen and (max-width:300pt)and (min-width:240pt) {html { font-size: 10pt }}
@media screen and (max-width:360pt)and (min-width:300pt) {html { font-size: 12pt }}
@media screen and (max-width:450pt)and (min-width:360pt) {html { font-size: 15pt }}
@media screen and (min-width:450pt) {html { font-size: 18pt; }}




例子如:http://www.strengthspartnership.com/?



相关文档

  • 第一次泡温泉
  • 天津市事业单位公共基础知识冲刺题及答案
  • 我当了一回小“耶!”“太好了!”……
  • 去除脚臭
  • Hive数据仓库实战
  • 汽车钣金工简历免费模板分享
  • 商务专员个人简历参考模板
  • 【计算机网络】??TCP/IP网络层,IP地址,IP协议,IP数据报的分片及组装详解
  • 最新辞职申请书
  • 传神写照的人物画教案***2***
  • 那段快乐的日子初中优秀抒情作文
  • 没有人可以为你摆渡散文
  • 西部世界IPFS&Filecoin项目简介极其生态应用 ??为何能成为全球区块链最大的投资机会之一
  • 高斯坐标自然值计算_牛顿没能带红的货被高斯带红了
  • 风铃草,薰衣草,蒲公英
  • 亚太航空业可能停飞10%飞机
  • 直言尽意的成语解释
  • E型_E-Cadherin在Ⅰ型子宫内膜癌中的表达
  • 阿芙精油加盟费是多少
  • 今天也碰到了HTTP 500 Internal server error,终于解决 (关键字:HTTP 500 Internal server error ※ [code=CANT_CONNECT_LOOPBACK] )
  • 榴芒水果披萨美味又健康的做法
  • 如何辨别AV功放好坏 AV功放选购注意事项【详解】
  • 十大格斗游戏排行榜
  • 2020年吉林大学排名最新高校排行榜
  • 华为p9怎么打开4g网络
  • Java NIO(New IO) 通俗易懂简明教程
  • [JDK8] Java线程的几种使用方法
  • 干性皮肤夏季适合用什么化妆水化妆水要分量多次涂抹
  • 职业高中班主任学期评语
  • Python 踩坑记录
  • 猜你喜欢

  • 中兴通讯全球首家推出全系列BBU+RRU解决方案
  • 湖北省黄冈市2019-2020学年高一下学期期末考试地理试题word版有答案
  • 2019年三年级数学下册 1.2《乘法解决问题》试题2(新版)西师大版
  • 最新2015年南京市联合体中考二模语文试卷及答案
  • 程序设计精品课程在线考试系统
  • 醋酒混合液可治风疙瘩
  • 前后端分离项目(一)
  • 成长的烦恼作文教案
  • 长春市慧莉科技发展有限公司(企业信用报告)- 天眼查
  • 2017年工作总结汇报动态工作总结汇报PPT模板PPT模板
  • 八年级生物保护生物的多样性
  • 自由之战安蕾尔创新玩法详解
  • 那个突然躺在地上的姑娘让人羡慕杂文随笔
  • 职场读心术
  • 【推荐下载】活着读后感余华-推荐word版 (3页)
  • 刑警责任区中队是怎么划分的
  • 2019_2020学年高中历史第六单元杰出的科学家第5课20世纪的科学伟人爱因斯坦课件新人教版选修4
  • 2018-2019-网站设计制作合同书-精选word范文 (2页)
  • 高一数学人教A版必修1课后训练1.1.3 集合的基本运算第1课时 Word版含解析
  • 考研数学学习方法的注意事项
  • 【精】2019-2020学年度最新(人教新课标)四年级数学课件 亿以内数的认识1-精选PPT-PPT课件
  • 2017新苏教版一年级语文下册看拼音写汉字第五单元
  • 锦州市天尔贸易总公司企业信用报告-天眼查
  • 超励志的明星故事
  • 会计从业资格考试:2015会计从业资格考试财经法规每日一练(7月9日)
  • 【精编】中小学精品课件制备实验方案的设计课件.ppt
  • 2018-2019学年江西省金溪县第一中学高二12月月考化学试题 解析版
  • 2019-2025年中国及全球三氟化硼乙胺行业市场发展战略分析及投资前景专项预测报告
  • 高中生寒假作文素材事例
  • 土地改革和三大战役 ppt课件
  • 主题餐厅创业报告剖析
  • 五一买车便宜还是六月底便宜 五一买车还是七八月买
  • 北京富程鼎创投资管理中心(有限合伙)企业信用报告-天眼查
  • 【推荐】2020九年级物理全册 19.1家庭电路练*(含解析)(新版)新人教版
  • 结核病2015年计划
  • 婚宴答谢宴简短感人的新郎致辞
  • 尼克胡哲的名言
  • 用多种方法解决问题 教案 三年级数学教案 小学数学教案 小学教案
  • 我国电力可持续发展的战略思考(1)
  • 八年级历史与社会下册第七单元席卷全球的工业文明浪潮7.3《资本主义的扩展》练*题3新人教版
  • 药学教育中《药事管理与法规》教学案例库函询问卷
  • 千里香与米兰的区别
  • 电脑版