随笔分类 -  页面适配

移动端适配 rem、postcss-pxtorem、postcss-px-to-viewport、vw vh
摘要:移动端适配 rem、postcss-pxtorem、postcss-px-to-viewport、vw vh :https://blog.csdn.net/xuyanl/article/details/129499800?utm_medium=distribute.pc_relevant.none- 阅读全文

posted @ 2024-01-09 14:23 byd张小伟 阅读(21) 评论(0) 推荐(0) 编辑

手机端的宽度
摘要:手机端的宽度:https://blog.csdn.net/cotexarm7/article/details/78277952 当我们在编写手机端页面时,需要兼容各种宽度的手机,这个时候,对于大的包裹元素,一般不会直接设置其宽度,这个时候,可以使用css3的calc函数,它的使用语法为 calc(e 阅读全文

posted @ 2022-05-11 14:15 byd张小伟 阅读(191) 评论(0) 推荐(0) 编辑

vw+rem实现移动端自适应——最简单的自适应写法
摘要:vw+rem实现移动端自适应——最简单的自适应写法:https://www.cnblogs.com/woailiming/p/12674427.html 前言:关于移动端自适应,有很多种实现方式,包括 js初始化、meta标签设置、css标签设置等一种或多种方式的组合。有些方法在我看来过于繁琐,今天 阅读全文

posted @ 2020-06-30 09:43 byd张小伟 阅读(442) 评论(0) 推荐(0) 编辑

2020最新版前端学习路线图--手机网页还可以这么玩?
摘要:2020最新版前端学习路线图--手机网页还可以这么玩?:https://blog.csdn.net/cz_00001/article/details/103913597 阅读全文

posted @ 2020-02-25 16:07 byd张小伟 阅读(212) 评论(0) 推荐(0) 编辑

CSS奇技淫巧之VIEWPORT
摘要:CSS奇技淫巧之VIEWPORT:https://www.jianshu.com/p/96af79d121cc 假设有一个网页,有一个宽度为10%的sidebar,我们不断的拉伸浏览器,sidebar的宽度也在不断的增加,反之减少。在手机上看网页的时候,我们不断的滚动网页或者拉伸网页来改变内容呈现。 阅读全文

posted @ 2020-02-18 21:17 byd张小伟 阅读(219) 评论(0) 推荐(0) 编辑

vue-cli3.0 结合postcss-pxtorem和lib-flexible实现移动端适配,解决第三方组件库样式变小的问题
摘要:vue-cli3.0 结合postcss-pxtorem和lib-flexible实现移动端适配,解决第三方组件库样式变小的问题:https://www.jianshu.com/p/2f5c10c02b59 阅读全文

posted @ 2020-02-18 21:08 byd张小伟 阅读(433) 评论(0) 推荐(0) 编辑

关于vue利用postcss-pxtorem进行移动端适配的问题
摘要:关于vue利用postcss-pxtorem进行移动端适配的问题:https://blog.csdn.net/qq_42750581/article/details/82836649 阅读全文

posted @ 2020-02-18 21:05 byd张小伟 阅读(564) 评论(0) 推荐(0) 编辑

移动前端自适应适配布局解决方案
摘要:移动前端自适应适配布局解决方案:https://www.cnblogs.com/Charliexie/p/6900640.html 移动前端自适应适配布局解决方案 方案: 固定一个某些宽度,使用一个模式,加上少许的媒体查询方案 使用flexbox解决方案 使用百分比加媒体查询 使用rem 1. 简单 阅读全文

posted @ 2018-10-30 17:34 byd张小伟 阅读(260) 评论(0) 推荐(0) 编辑

移动端Web页面适配方案
摘要:移动端Web页面适配方案:https://blog.csdn.net/ws379374000/article/details/78686101 最简单的移动端适配方案:https://blog.csdn.net/chenjuan1993/article/details/81710780 移动端前端适 阅读全文

posted @ 2018-09-17 15:15 byd张小伟 阅读(140) 评论(0) 推荐(0) 编辑

精通移动端布局 - 实践篇
摘要:精通移动端布局 - 实践篇:http://www.cnblogs.com/HCJJ/p/6408363.html 阅读全文

posted @ 2018-09-07 16:57 byd张小伟 阅读(105) 评论(0) 推荐(0) 编辑

基于rem的移动端响应式适配方案(详解) 移动端H5页面的设计稿尺寸大小规范
摘要:基于rem的移动端响应式适配方案(详解) : https://www.jb51.net/article/118067.htm 移动端H5页面的设计稿尺寸大小规范 http://www.tuyiyi.com/v/53039.html 阅读全文

posted @ 2018-08-26 01:45 byd张小伟 阅读(673) 评论(0) 推荐(0) 编辑

如何在Vue项目中使用vw实现移动端适配
摘要:地址:https://www.w3cplus.com/mobile/vw-layout-in-vue.html 阅读全文

posted @ 2018-06-03 16:08 byd张小伟 阅读(106) 评论(0) 推荐(0) 编辑

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

点击右上角即可分享
微信分享提示