首页 > 其他分享 >野花--flexible中强制设置网页最大宽度和最小宽度

野花--flexible中强制设置网页最大宽度和最小宽度

时间:2022-11-03 17:36:40浏览次数:86  
标签:-- html 宽度 flexible font important size

因为flexible是使用的屏幕宽大来作为rem的计算值,因此我们在设计最大750px,以及最小320px的页面时,会出现页面会一直随屏幕变大而变大,大于750或者小于320

因此设置强制最大值和最小值:

@media screen and (min-width: 750px) {
  html {
    font-size: 75px !important;
  }
}

@media screen and (max-width: 320px) {
  html {
    font-size: 32px !important;
  }
}

在css中添加一个html中font-size样式,利用媒体查询,强制important设置

标签:--,html,宽度,flexible,font,important,size
From: https://www.cnblogs.com/ericyjchung/p/16855209.html

相关文章

  • 玩转 Gitea | 在 Linux 上安装预编译的 Gitea 程序,配置 systemd 管理服务
    这是一篇介绍手动安装Gitea服务器的用户指南。与之前的容器安装方式相比,对系统资源的要求更低,因此也可以在低功耗的嵌入式Linux设备上配置安装。您可以使用systemd作......
  • 野火 STM32MP157 开发板内核和设备树的编译烧写
    一、环境编译环境:Ubuntu版本:18.4.6交叉编译工具:arm-linux-gnueabihf-gcc版本:7.4.1开发板:STM32MP157pro烧写方式:STM32CubeProgrammer、TFTP、在线烧写安装工具gcc......
  • 记一次详细的实战渗透
    前言一次授权的渗透测试,过程比较详细,充满了巧合,也算比较有意思直接记录一下,图片打码比较严重,应该是不影响阅读!!!!前端RCE信息搜集拿到的资产,通过序列化实现的RCE,但是这里只......
  • 性能测试流程
    1、性能测试需求分析1)需求分析:熟悉系统熟悉系统的业务功能熟悉系统的技术架构包含用什么语言、什么样的技术框架、应用服务器、数据库服务器、怎么工作、怎么调......
  • luffy项目准备
    pip换源1.python中下载第三方模块:pip3installdjango-i源地址2.永久换源pip3installdjango#就会取配好的国内镜像下载2.1文件管理器文件路径地址栏敲:%A......
  • mysql 导入问题排查
    ERR]2006-MySQLserverhasgoneaway--查询最大数showglobalvariableslike'max_allowed_packet';--临时设置setglobalmax_allowed_packet=1024*1024*512;......
  • F. MEX Queries
    F.MEXQueries分析不得不说,题目不算难。但是非常考验选手的基础。我会把我出的问题放出到最后,给大家一些错误提示。我们使用动态开点维护权值线段树。我们先来看四个......
  • 测试人生 | 低学历无未来?从小公司到拿下年薪45W+ ,这个90后小哥哥好励志~
    本文为霍格沃兹测试开发学社优秀学员跳槽笔记,测试开发进阶学习文末加群这篇文章是想写给那些因为学历而深感困惑的测试行业小伙伴,希望给他们点启发与激励!毕竟在整个互联......
  • Django_获取api接口的传参
    当参数为form-data或者x-www-form-urlencoded类型时,使用request.POST获取到参数获取参数方式request.POST.get('username')当参数为raw类型时,使用request.body获取......
  • 更改网站图标
    以下方法将图标更改为URL:constsetFavicon=(url)=>{//找到当前的图标元素constfavicon=document.querySelector('link[rel="icon"]')if(favicon){......