HTML
Cc_Debugger
My-Program-Life-And-Debugger/(you can call me).
展开
-
网页屏幕适配通透了
那就按照固定尺寸开发一般都是1920*1080。原创 2024-01-15 17:08:33 · 448 阅读 · 0 评论 -
根据屏幕尺寸设置html根字号fontSize大小并刷新
/ 设置页面根节点字体大小(“Math.min(scale, 2)” 指最高放大比例为2,可根据实际业务需求调整)// 当前页面宽度相对于 1920宽的缩放比例,可根据自己需要修改。'@/assets/fonts/庞门正道标题体3.0.TTF'// 改变窗口大小时重新设置 rem。// rem等比适配配置文件。// 设置 rem 函数。原创 2024-01-15 16:13:05 · 538 阅读 · 0 评论 -
1920*1080
在我刚开始学习前端的时候就有一个疑惑,为什么按照1920*1080的设计图做不出来想要的结果呢?因为,我们的屏幕是默认放大125%/150%我曾经一度想把设计图按照1440来写,但是到最后感觉还是不太行所以 我们就检测浏览器是否缩放 如果缩放 我们就进行还原var p = window.devicePixelRatio; if(p==1.25){ //根据自己需求设置缩放大小,这里0.8为F11全屏后缩放值 document.body.style.zoom =原创 2022-03-07 17:09:01 · 317 阅读 · 0 评论 -
网页自适应
那就要最好提前商量好 是全局自适应 或者是 局部自适应。一般网站页面纵向滚动条都是无法避免的。里面的子元素就设置固定像素、一般对父元素设置百分比就行。都是做横向适配也就是宽度。那就不能写死宽度像素。原创 2023-08-30 12:10:35 · 105 阅读 · 0 评论 -
项目开发尺寸像素问题
但是我们也可以调整成页面需要的像素设置100%缩放再全屏浏览器开发。那是因为要适配不同的电脑屏幕 默认的是看着最舒服的都会有推荐。那这样开发是最简单的我们直接用设计图的像素来开发就行。当我们全屏状态下其实才是我们想要页面结果。我们也可以在控制台设置成我们想要的尺寸。一般来说 项目开发开始会固定页面尺寸。我们电脑一般是会缩放和调整分辨率的。但是这样的缺点就是显示的比较小。一般浏览器都会有边框什么的。如果我们想没有滚动条开发。原创 2023-08-30 12:04:35 · 97 阅读 · 0 评论 -
密码框误区
密码框 <view class="uni_password"> <image src="../../static/images/login/password.png" class="password" @click="showPassWord()" /> <text class="password-text">密码</text> <input class="uni-input" :password="showPass原创 2021-08-06 11:13:29 · 74 阅读 · 0 评论 -
前端自适应布局
前言在最初接触前端的时候,就发现屏幕的宽度是不固定的,而ui设计图是不固定的,开始的时候就没想到很好的布局现在想想,这是不好的,不能实现良好的布局,不能自适应其实有很多自适应的布局方式,以前我总是想使用%布局方式,但是发现全部都换算成%太麻烦了,所以总结了对我最满意的布局方式,那就是rem布局方式rem<!DOCTYPE html><html style="font-size: 10px;"> 设置html根字号的大小,不设置为浏览器的默认字号16px(设置为10原创 2021-11-10 16:27:56 · 1014 阅读 · 0 评论 -
项目中利用html标签<audio>添加音效
【代码】项目中利用html标签添加音效。原创 2023-02-22 18:09:28 · 380 阅读 · 0 评论 -
本页面跳转外链,在外链点击返回(iframe)
新建一个页面跳转时使用原创 2022-07-13 15:37:04 · 305 阅读 · 0 评论 -
谷歌浏览器F12/打开开发者工具网络就无法连接报错
刷新页面就出现提示:原创 2023-11-17 11:59:06 · 487 阅读 · 2 评论 -
for循环中使用require或import关键字引入本地图片资源
引入图片原创 2023-01-04 20:02:43 · 400 阅读 · 0 评论 -
浏览器报错 Failed to execute ‘open‘ on ‘XMLHttpRequest‘: Invalid URL
请求路径存在问题解决方法:路径少了/原创 2023-12-08 17:07:50 · 700 阅读 · 0 评论