rem适配方案2苏宁移动端首页（技术选型，搭建相关文件夹结构，设置视口标签以及引入初始化样式还有js文件，body样式，pxtorem插件，index.html，index.css，最终效果）

程序员shy

于 2022-10-20 15:58:52 发布

阅读量217

点赞数

分类专栏：《移动端布局》第二站文章标签： css 前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/Junyi727/article/details/127422152

版权

本文介绍了采用rem适配方案实现苏宁移动端首页的技术选型，包括搭建文件夹结构，设置视口标签，引入初始化样式和JS文件。重点讨论了在VSCode中使用px to rem插件进行px到rem的转换，以及通过fleible.js实现屏幕尺寸变化时的响应式布局。

摘要由CSDN通过智能技术生成

rem适配方案2苏宁移动端首页

技术选型

搭建相关文件夹结构

设置视口标签以及引入初始化样式还有js文件

vscode px转换rem插件px to rem & rpx & vw (cssrem)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta cha

最低0.47元/天解锁文章

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
rem适配方案2苏宁移动端首页（技术选型，搭建相关文件夹结构，设置视口标签以及引入初始化样式还有js文件，body样式，pxtorem插件，index.html，index.css，最终效果）

rem适配方案2苏宁移动端首页（技术选型，搭建相关文件夹结构，设置视口标签以及引入初始化样式还有js文件，body样式，pxtorem插件，index.html，index.css，最终效果）
复制链接

扫一扫

专栏目录

程序员shy CSDN认证博客专家 CSDN认证企业博客

码龄3年

190: 原创

13万+: 周排名

52万+: 总排名

10万+: 访问

: 等级

1986: 积分

1554: 粉丝

52: 获赞

30: 评论

205: 收藏

私信

关注

热门文章

分类专栏

最新评论

牛客小黑月赛37 I-加减
qq_47407537: #include<bits/stdc++.h> #define int long long using namespace std; const int nnu=1e5+10; const int mod=1e9+7; int arr[nnu],n,k; int f[nnu]; bool judge(int l,int r){ int mid; if((r-l)%2==1){ mid = arr[(l+r)>>1]+arr[((l+r)>>1)+1]>>1; }else mid=arr[(l+r)>>1]; int s=0; int m=l+r>>1; s+=mid*(m-l+1)-(f[m]-f[l-1]); s+=(f[r]-f[m])-(mid*(r-m)); return s<=k; } void solve(){ cin>>n>>k; for(int i=1;i<=n;i++)cin>>arr[i]; sort(arr+1,arr+n+1); for(int i=1;i<=n;i++)f[i]=f[i-1]+arr[i]; int ans=1; int l=1,r=1; while(1){ while(r!=n+1&&judge(l,r))r++; if(judge(l,r-1))ans=max(ans,r-l); if(r==n+1)break; l++; } l=n,r=n; while(l>=1&&judge(l,r))l--; ans=max(ans,r-l); cout<<ans; } signed main(void) { ios::sync_with_stdio(false);cin.tie(0),cout.tie(0); int t;t=1;while(t--)solve(); return 0; }
牛客小黑月赛37 I-加减
qq_47407537: #include<bits/stdc++.h> #define int long long using namespace std; const int nnu=1e5+10; const int mod=1e9+7; int arr[nnu],n,k; int f[nnu]; bool judge(int l,int r){ int mid; if((r-l)%2==1){ mid = arr[(l+r)>>1]+arr[((l+r)>>1)+1]>>1; }else mid=arr[(l+r)>>1]; int s=0; int m=l+r>>1; s+=mid*(m-l+1)-(f[m]-f[l-1]); s+=(f[r]-f[m])-(mid*(r-m)); return s<=k; } void solve(){ cin>>n>>k; for(int i=1;i<=n;i++)cin>>arr[i]; sort(arr+1,arr+n+1); for(int i=1;i<=n;i++)f[i]=f[i-1]+arr[i]; int ans=1; int l=1,r=1; while(1){ while(r!=n+1&&judge(l,r))r++; if(judge(l,r-1))ans=max(ans,r-l); if(r==n+1)break; l++; } l=n,r=n; while(l>=1&&judge(l,r))l--; ans=max(ans,r-l); cout<<ans; } signed main(void) { ios::sync_with_stdio(false);cin.tie(0),cout.tie(0); int t;t=1;while(t--)solve(); return 0; }
rem适配布局苏宁网移动端首页（less+rem+媒体查询）（技术选型，搭建相关文件夹结构，设置视口标签以及引入初始化样式，设置公共common.less文件，新建index.less文件）
拼命の努力！: 行高怎么隐藏了,加上高度有问题
二倍精灵图做法
m0_61544264: 有个问题，为什么盒子宽高是18*15，精灵图缩小2倍200px，却可以在这么小的盒子里显示出来呢？
vscode px转换rem插件 px to rem & rpx & vw (cssrem)
NuanXinWeiyI.: 为啥我用这个转换的值不准确啊

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

程序员shy 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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