关于样式rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素;nvue:native vue的缩写nvue开发与vue开发者常见的区别:nvue支持的全部cssnvue的盒模型默认为bode
如何设置一个div的宽度为自适应宽度?div里只有文字。#choise ul li a { display:block; border:1px solid #a0b8cf; padding:2px 4px 2px 4px; margin:3px 1px 6px 1px; } 改为 #choise ul li a { display:block; border:1px solid #a0b8cf;
浏览器兼容  为什么会有兼容问题?  由于市场上浏览器种类众多,而不同浏览器其内核亦不尽相同,所以各个浏览器对网页的解析就有一定出入,这也是导致浏览器兼容问题出现的主要原因,我们的网页需要在主流浏览器上正常运行,就需要做好浏览器兼容。现在市面上使用较多的内核例如: 使用Trident内核的浏览器:IE、Maxthon、TT; 使用Gecko内核的浏览器:Netcape6及
/* Smartphones (portrait and landscape) ----------- */@media only screen and (min-device-width) {/* Styles */}/* Smartphones (landscape) ---------...
--
原创 2023-05-10 10:00:18
352阅读
数据可视化大 前端屏幕多分辨率适配方案(vue,charts) 写在前面: 第一次写博客, csdn账号注册很久了, 应该是2010年注册的, 当时我还在上高中, 当时还在写易语言的, 有些问题搞不懂的会来csdn看大佬是怎么解决的, 也写了些没什么用的小工具上传到csdn, 当然现在都在用git了. 很多人好奇, " 你为什么要学易语言, 垃圾语言 " , 当时是实在看不懂英语, 但是对编程(
 /* iPads (landscape) ----------- */@media only screen and (min-device-width : 768px) and (max-device-width : 1024p...
原创 2023-07-17 16:35:15
202阅读
CSS实现自适应不同大小屏幕的背景大图的两种方法 一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形的背景大图,而且背景图片不会随着滚动条滚动而滚动。用CSS实现真的很简单很简单,下面我们来看一下第一种方法具体的代码:HTML代码: 1
转载 2024-03-21 15:35:59
326阅读
软件蚕食一切。未来属于程序员。所以人人都想当程序员。但是并不是每个人都能当好程序员。编程需要的是耐心和态度,如何知道自己不适合当一名JAVA程序员?可以从以下几点来看。1、耐心:对我来说这是最重要的一条。写代码和调试极其令人沮丧。要想做好,你得保持冷静,至少冷静到能够保持清晰的头脑。2、精力:处理棘手问题,编写大量代码容易使得身心俱疲。最重要的是要有我朋友 Joshua Wachs 所谓的 “坐
  在新的版本下,一些解决方案也随之不同。今天就遇见两个需要注意的地方,第一个是安卓环境新的配置方法;第二个是分辨率的设置与适配。  先说新的配置方法。其实本质上我感觉和2.2.2版本的配置方案是差不多的,只不过更加简单了(不用再手动的配置NDK了)。配置方法在官网上也有:http://cocos2d-x.org/programmersguide/B/index.html,不过其中也有些需要注意,
在手机端,当用户将手机转的时候,你制作的HTML的页面能被转后支持吗?估计很多开发者想兼容,却被卡在了转检测,也就是横判断这个环节,怎么知道用户此时的手机设备屏幕是横状态还是竖状态? 今天就来整理一下js和css判断竖还是横的方法 css: @media screen and (orientation: portrait) { /*竖...*/} @med
原创 2022-09-14 16:52:44
431阅读
CSS 浮动的内容一、意义:相当于新建的文本框,设置浮动之后就脱离文件流而存在, 成为了异于块元素与行内元素的存在。二、特点:①.不再独占一行 ②.无块元素和行内元素之分,行内元素也可以设置宽高生效。 ③.浮动块唯独不会盖住文字。开始便是为图片围绕效果而生,现在则被用于页面的横向布局。三、具体内容:1.页面布局:块里面可以递归划分,就可以实现整个页面的划分布局
转载 2024-01-30 19:27:44
39阅读
# 使用CSS控制iOS设备的横显示 iOS设备在水平方向上的显示(横)有时可能不如我们所期望。为了确保网页在用户将设备转向横时能良好显示,我们需要使用一系列的CSS技巧来优化页面。本文将指导你如何实现这一目标。 ## 实现步骤 以下是整件事情的流程,表格形式展示了每一步的具体内容。 | 步骤 | 描述 | 所需时间 | |------|
原创 9月前
45阅读
现在很多网站在加载数据的时候,为了避免页面过于空白,都会用这种方式预告将会有内容载入,从而提升用户体验
转载 2022-02-25 11:42:18
418阅读
//判断 移动设备  if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad|Mobile)/i))) { window.location.href = 'file:///E:/澜途集思网站/2017LanTo-s/2017Mobile/index.html';      &nbs
原创 2017-08-25 16:22:34
1220阅读
特别注意:/static/img/back.png tips:防止弹窗遮罩时页面可滚动,在弹窗的外层view标签加上 @touchmove.stop.prevent="" 1、关于自定义导航栏中的刘海适配问题:官方提供了一个CSS变量可以直接引用:var(--status-bar-height)该变量自动匹配设备平台状态栏高度此变量可以用calc() 加上其他单位数值来使用具体参数和说
转载 2024-06-09 10:48:59
828阅读
欢迎关注我的公众号:CnPeng ,工作日 8:08 准时更新。最近,国家工信息部印发了《互联网应用老化及无障碍改造专项行动方案》,该方案决定从2021年1月起,在全国范围内组织开展为期一年的互联网应用老化及无障碍改造专项行动,其目的是解决老年人、残疾人等特殊群体在使用互联网等智能技
原创 2022-01-11 16:28:11
147阅读
    在 知道要做基于移动端的项目实践时,我就选定了Android,回来的时候查了很多相关的知识,很多人都在问开发安卓软件,使用eclipse还是用 Android studio?其实,也没有一个准确的答案,但是可以肯定的是,eclipse的环境搭建确实比Android studio麻烦的多, 需要安装配置SDK,AVD等,但是Andr
react是构建用户页面的框架,包含四个大的部分:react: 核心库,react-dom: dom操作(用jsx来操作dom元素)react-router:路由,(类似vueRouter)redux:集中状态管理(类似vuex)react特点:1)声明式 用类似写html标签的形式来创建用户页面,它通过数据驱动视图变化,若数据发生变化它能很快更新dom2)组件化(react核心)  封
转载 2024-09-03 06:29:43
37阅读
适合个体诊所、社区卫生服务站、乡镇医院、县级医院使用的以病人和财物为中心的医院管理软件。 特色:1、一套软件可部署在一台或多台计算机上 2、满足药库药品进销存管理、门诊现金收费、住院记账收费及药房等的全面管理。 3、特别增加了打印发票与实际收款不一致的账务处理功能 4、系
原创 2022-11-18 19:07:51
41阅读
.home{ padding-bottom:constant(safe-area-inset-bottom); //兼容IOS < 11.2 padding-bottom:env(safe-area-inset-bottom);//兼容IOS > 11.2 } ps:constant必须写在前面,e ...
转载 2021-09-09 12:22:00
987阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5