移动端适配问题

已于 2022-05-30 20:54:10 修改
阅读量579 收藏
点赞数
分类专栏： react 文章标签： css3 css 前端
于 2022-05-30 20:39:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60322879/article/details/125053487
版权

1.第一种方案：根子体=（手机横向设备独立像素：document.documentElement.clientwidth获取视口宽度）*100/设计稿宽度，

编写样式时：直接以rem为单位值：设计值/100 @font:100rem

2.第二种方案：根子体=手机横向设备独立像素/10

编写样式时:直接以rem为单位值 ：设计值/（设计稿宽度/10）：@font：375/10rem

window.οnresize=()=>{}视口宽度变化直接调用函数，检测视口宽度的变化

3.vw适配，兼容性问题大点

4.can  i  use  网站是查适配兼容性的网站

前端小白白....
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
苏小小
yjhua的专栏
08-26 3815
苏小小者，南齐时钱塘名妓也。貌绝青楼，才空士类，当时莫不艳称。以年少早卒，葬于西泠之坞。芳魂不殁，往往花间出现。　　宋时有司马槱者，字才仲，在洛下梦一美人搴帷而歌，问其名，曰：西陵苏小小也。问歌何曲？曰：《黄金缕》。后五年，才仲以东坡荐举，为秦少章幕下官，因道其事。少章异之，曰：“苏小之墓，今在西泠，何不酹酒吊之。”才仲往寻其墓拜之。是夜，梦与同寝，曰：妾愿酬矣。自是幽昏三载，才仲亦卒于杭，葬小小
原生js实现拖拽移动与缩放效果
橙子小姐的博客
03-15 1379
效果图如下-实现了简单的拖拽和缩放功能 第一步—简单的拖拽功能 // 创建一个MoveClass构造函数 function MoveClass(id, options = {}) { // 绑定ele属性 this.ele = document.querySelector(id); this.move(); } // 给Mov...
Javaweb小白白网页端常见的报错
weixin_43652158的博客
03-08 1991
Javaweb网页端新手常见的报错 404 ：请求网页不存在 **问题：**如果是运行tomcat服务器后发生的404，那就是index.html页面找不到 或者 index.jsp找不到。 **解决方案：**将index.html(或者是index.jsp)放在web路径下即可。 500：服务不可用 **问题：**问题出现在Java代码方面 **解决方案：**可以将抛出的异常类型转换为运行时异常即 throw new RuntimeException(e); 将发生的异常输出出来进行判断哪里出错。
内网穿透技术和移动端理想视口
m0_60322879的博客
06-02 590
1
移动端点击事件
m0_60322879的博客
05-31 2656
1
移动端适配问题分享
dfc_dfc的博客
05-18 602
移动端适配问题分享
移动端适配问题解决方案
weixin_46738453的博客
08-20 979
移动端适配问题、css
移动端适配问题及设备判断问题
qq_36262295的博客
06-27 753
移动端常用解决方案
解决vue移动端适配问题
10-17
主要介绍了解决vue移动端适配问题,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
手淘解决移动端适配问题（flexible）
09-27
"手淘解决移动端适配问题（flexible）"的方案是阿里巴巴手淘团队提出的一种高效、灵活的移动端适配策略，旨在帮助开发者解决不同设备屏幕尺寸下页面布局的适配问题。这个方案主要包括两个核心部分：CSS和JavaScript...
移动端适配
09-27
移动端适配
H5移动端适配 Flexible方案
09-01
《H5移动端适配Flexible方案详解》 在移动互联网时代，H5页面的适配问题显得尤为重要，尤其在各种屏幕尺寸、分辨率各异的设备中，如何确保页面在不同设备上呈现一致的效果，这就是Flexible方案的核心所在。本文将...
前端面试题24（css3）
God's asylum的博客
07-08 524
回答要点：CSS Sprites 是一种将多个小图标或图像合并到一个大图像中的技术，这样可以减少 HTTP 请求次数，从而提高页面加载速度和性能。
【前端从入门到精通：第九课：CSS3新增属性及伸缩盒布局】
weixin_50556117的博客
07-09 774
flexbox是一个很新的东西，在w3c希望可以使用flexbox实现一些更复杂的布局和应用。要开启弹性盒模型，只需要设置display的属性值 flex，因为它是CSS3中为display新添加的值类型。用于区分不同浏览器的内核，当CSS属性是实验性质的时候，可以加浏览器私有前缀，让对应浏览器兼容。align-items 定义flex子项在flex容器的当前行的侧轴(纵轴)方向的对齐方式。stretch ： align-content 的默认值，各行将会伸展以占用额外的空间。既过渡的速度，方式等。
html + css 快速实现订单详情的布局demo
工作的日常记录和平凡的生活分享
07-03 1529
主要是 background: repeating-linear-gradient(to right, #44928E, #44928E 15px, transparent 15px, transparent 20px);15px, transparent 15px 虚线的线条渐变的色值的宽度及虚线的宽度，不需要渐变的话这两个值设置成一样就行，就是虚线的宽度。突然安排让速写这样的一个布局，重点就是CSS画一条虚线,并且还要灵活设置虚线的宽度和虚线之间的间隔和虚线的颜色。
CSS 样式链接的多方面应用与最佳实践
Lesleyhnj的博客
07-04 482
在网页开发中，CSS 样式链接是通过在HTML文档中的<link>标签或者通过<style>标签内部定义的方式来引入和应用CSS样式表。这些样式表包含了诸如颜色、字体、布局等方面的规则，使得开发者能够将设计风格和布局应用到整个网站或特定页面的各个元素上。
css—圆角渐变边框+透明背景色
最新发布
heal_l的博客
07-09 309
【代码】css—圆角渐变边框+透明背景色。
CSS 图标：简化设计，优化用户体验
Lesleyhnj的博客
07-04 662
CSS 图标指的是使用CSS样式来绘制和渲染的各种图标和符号，通常是基于矢量图形的形式。与传统的图像图标相比，CSS 图标具有几个显著的优势：通过CSS创建的图标不依赖于外部图像文件，而是直接通过CSS代码进行绘制，这意味着可以在不增加额外HTTP请求的情况下，直接在网页上展示图标，从而加快页面加载速度。
vue3做移动端适配问题
08-16
对于Vue 3移动端适配问题，可以参考以下步骤： 1. 首先，可以使用一个公共方法来判断是否为移动端。你可以将以下代码添加到你的代码中： ```javascript export function isPc() { if (navigator.userAgent.match(/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值