移动端
记录学习过程中遇到的问题和基础知识小案例的总结
初辰ge
这个作者很懒,什么都没留下…
展开
-
Vue移动端点击输入框,弹出键盘,底部被顶起的问题
Vue开发中,当我们相对于父视图的底部布局子控件时,需要用positionfixed,如果页面内容不是很长,没有超出屏幕范围,那就还好,没有问题;一旦超出屏幕范围,当你点击输入框,弹出键盘时,底部固定定位的子控件就会被顶起来。这个问题在iOS端不会出现,在安卓端会出现。...原创 2022-07-26 13:47:11 · 4072 阅读 · 0 评论 -
移动端预览(双指缩放移动)富文本编辑器上传的图片
通过使用vue-photo-preview插件,实现移动端图片的预览,全屏等功能。1.安装插件npm install vue-photo-preview --save2.main引入import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'Vue.use(preview)3.给dom加点击事件<div v-html="contents" @click="showImg($e原创 2022-04-29 13:49:26 · 720 阅读 · 0 评论 -
移动端页面中超链接a标签点击时背景变蓝如何解决?
给a标签设置如下样式:a{ -webkit-tap-highlight-color:transparent;}原创 2021-03-09 12:34:50 · 1077 阅读 · 0 评论 -
在线教育app移动端页面rem布局项目
移动端页面rem布局项目页面效果设计稿psd文件核心代码html部分less部分js部分源码下载页面效果设计稿psd文件下载链接:https://download.csdn.net/download/chuenst/14503793核心代码html部分<header> <div class="search-box"> <div class="search"> <img src=原创 2021-01-17 12:07:07 · 1037 阅读 · 0 评论 -
移动端像素和视口基础知识点
移动端基础知识点像素物理像素分辨率逻辑像素设备像素比缩放放大缩小ppi视口布局视口视觉视口理想视口像素物理像素整个屏幕是由一个个点组成的,每个屏幕上的点一定是有限的,现在的技术还做不到无穷个点组成屏幕。那么这些有限的点就叫做像素,或者叫做物理像素分辨率每一个长度方向上的像素个数乘以每一个宽度方向上的像素个数的表示形式,就叫做分辨率。屏幕尺寸相同的手机,包含的像素点个数是不确定的,像素点越小,同一方向上容纳的像素个数就越多,图像显示就越精细。逻辑像素逻辑像素也叫css像素,是实际开发中使用的像原创 2021-01-07 20:11:19 · 862 阅读 · 0 评论