51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

html5开发pc端 html5移动端开发
HTML5的出现让移动平台的竞争由系统平台转向了浏览器之间：移动端的IE、Chrome、FireFox、Safari，亦或是新出现的浏览器，谁能达到在移动端对HTML5更好的支持，谁就能在以后的移动应用领域占据更多的市场。现在我们怎么装APP有了HTML5以后怎么装APP更灵活、更方便的app使用及安装方式将成为HTML5在移动平台上大放异彩的保障之一。下面列举HTML5适合移动应用开发的几大特性
html5开发pc端
html5
浏览器
平台
safari
转载
数据分析家
2023-10-31 20:07:35
89阅读

HTML5——PC端布局策略
1. 以小米商城为例 2. 以淘宝猜你喜欢为例 逐行分析，每行元素定宽高，精确文字自适应 适配器定好单个再复制 初始css配置 * { padding : 0px; margin : 0px; } ul { list-style : none; } a { text-decoration : non ...
HTML5
css
宽高
自适应
技术
转载
mb5ff9827b65e5b
2021-09-15 06:28:00
169阅读
2评论

html5 移动端和PC端兼容
解决浏览器兼容性问题，还是从三个方面入手：html部分、css部分、js部分。 、html部分 、最突出也是最容易想到的就是高版本的浏览器用了低版本的浏览器无法识别的元素，从而导致不能解析。这点主要体现在html5的新标签上 解决办法是：htmlshim框架可以让低于IE9的浏览器支持html5 、img的alt属性，在图片不存在的情况下，各浏览器的解析不一致 在chrome下
html5 移动端和PC端兼容
css
html
外边距
转载
mob64ca1405664d
5月前
28阅读

html5移动端与pc端通讯
手机共通问题问题一:用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经研究发现是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页字会非常小,所以苹果就把iPhone 4的960640分辨率在网页里只显示了480320,这样devicePixelRatio＝2;现在android比较乱,有1.5/2/3等,想让图片在手机里显示更为清晰必须使用2x的
html5移动端与pc端通讯
解决方法
ios
css
转载
mob64ca140ac564
2024-09-18 20:57:13
96阅读

html5 手机日历 html做日历
当我们需要在页面中显示某月的事项，或是选择某一段日期时，常常要使用到日历组件。这一组件同样有着许多现成的类库，然而亲自动手开发一个日历，从中了解其实现原理也是非常必要的。在本例中我们就将制作一款非常经典的日历组件。1. 创建DOM代码本例的HTML代码如下：<div class="calendar"> <div class="title"> <h1 cla
html5 手机日历
javascript
前端
java
ViewUI
转载
小蝌蚪
2023-08-30 10:29:28
482阅读

html5简易日历 html做日历
实现的主要功能：点击实现日历样式的改变实现下一次点击时，上一次点击改变的样式恢复原状（核心）实现点击日历时，在最下方输出信息指定信息（注意：并不是点击元素中的信息）第一步的核心思想：由于此处增加点击事件不是通过 id名 直接添加，而是通过类数组（通过DOM中的TagName得到），给需要相同功能的标签，利用循环进行点击事件添加。 即如果是通过id名添加点击事件：id.onclick = funct
html5简易日历
万年历
点击事件
类名
css
转载
代码匠人之心
2023-09-15 15:57:16
446阅读

html5 移动端和pc 兼容
HTML5新的语义标签尽管有很多的好处，但是在低版本的老IE浏览器中还是存在兼容性问题的，常常让人感到头疼，到底是大胆的使用新标签还是使用传统的大量的DIV无义标签？今天就简单的看看H5新标签的兼容性处理方式。 首先来看一小段简单的代码：HTML代码： 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4
html5 移动端和pc 兼容
html
H5
HTML
转载
jiecho
2024-10-09 13:23:19
144阅读

jquery日程日历插件pc端 html日历插件
html文件:<!DOCTYPE html> <html> <head lang="en"> <meta charset='utf-8'/> <title>lesson1_自定义日历插件</title> <link rel="stylesheet" type="text/css" href="schedule/sc
jquery日程日历插件pc端
ico
回调函数
css
转载
云端创新梦想家
2023-08-04 21:17:46
23阅读

html5同时兼容手机端和pc端
在现代的Web开发中，如何让一个HTML5项目能够同时在手机端和PC端良好兼容，是一个相当重要的话题。接下来，我将详细阐述实现这一目标的具体过程，涉及环境准备、集成步骤、配置详解、实战应用、排错指南和性能优化。 ## 环境准备 首先，你需要确保你的开发环境能够支持HTML5，同时兼容于不同的设备，包括手机和PC。以下是推荐的技术栈，它们的兼容性非常好，能够解决大多数常见问题。 ```shel
HTML5
技术栈
ci
原创
mob64ca12f58d71
5月前
148阅读

Html5实现移动端、PC端 刮刮卡效果
刚从南方回来就分了一个刮刮卡效果的页面，特么的我在烦恼怎么用H5去实现这个效果呢，好不容易写出来了，产品居然说：“既然你可以写出来这个效果那当然好了，开始我只是打算让你实现点击就出现呢！”… … 尼玛干嘛不早说呢？？？？？真是自找麻烦。既然写了就分享给大家吧，这个效果其实很早就有了，只是我们不常用到罢了。H5的Canvas我很坦然的说我不会。但是既然工作上需要就需要学习一下了。虽然有demo但是自
js
html5
推荐 原创
VIP_web
2016-05-09 16:48:12
8534阅读
5点赞
4评论

基于html5实现pc端移动端切换
# 基于HTML5实现PC端移动端切换指南 ## 介绍 在现代的Web开发中，越来越多的用户通过移动设备访问网站。为了提供更好的用户体验，开发人员常常需要在PC端和移动端之间进行切换。本文将指导刚入行的开发者如何基于HTML5实现PC端和移动端的切换。 ## 流程 下面是实现PC端移动端切换的基本流程： ```mermaid journey title PC端移动端切换流程
移动端
移动设备
HTML5
原创
mob64ca12e0c608
2023-09-13 10:25:55
232阅读

html5 pc和手机适配 html 手机端
一、使用rem作为单位 html { font-size: 100px; } @media(min-width: 320px) { html { font-size: 100px; } } @media(min-width: 360px) { html { font-size: 112.5px; } } @media(min-width: 400px) { html { font-size
html5 pc和手机适配
html
ico
缩放
转载
字节小舞神
2024-05-27 20:35:13
80阅读

HTMl5制作日历
# 用HTML5制作简单日历：从代码实现到知识分享 日历是我们生活中不可或缺的工具，它帮助我们管理时间、安排日程。在这篇文章中，我们将探索如何利用HTML5制作一个简单的日历，并通过代码示例加深理解。此外，我们还将使用Mermaid语法展示状态图和关系图，以帮助您更好地掌握日历的结构和功能。 ## HTML5日历的基本结构 我们首先需要了解日历的基本结构。一个简单的日历通常包含年份、月份和对
HTML
HTML5
CSS
原创
mob64ca12d2a342
9月前
161阅读

HTML5 CSS日历
# 使用 HTML5 和 CSS 实现一个日历 在这个教程中，我们将逐步教你如何用 HTML5 和 CSS 创建一个简单的日历。即使你是刚入行的小白，只要跟随下面的步骤，你也能成功实现这个项目。 ## 一、项目流程概述 在开始之前，我们先明确一下整个项目的流程，如下表所示： | 步骤 | 任务 | 说明
CSS
HTML
HTML5
原创
mob649e815cb099
7月前
91阅读

日历插件 HTML5
一、添加插件在小程序管理后台添加插件。小程序管理后台地址：https://mp.weixin.qq.com/ 设置>第三方设置>插件管理添加插件，可以直接搜索名称(爸妈搜日历)或者AppID(wx23a9cef3522e4f7c)二、在小程序app.json文件中引入插件声明"plugins": { "calendar": { "version": "1.3.3",
日历插件 HTML5
微信小程序
小程序
微信
Boo
转载
误会一场
7月前
124阅读

html5 日历 多选
# HTML5 日历多选 ## 引言 HTML5是一种用于构建网页的标准语言，它提供了丰富的功能和特性来创建交互式的用户界面。其中，日历是一个常见的组件，用于显示日期和时间信息。在HTML5中，我们可以使用一些技术和工具来创建一个日历，并实现多选功能。本文将介绍如何使用HTML5和JavaScript来实现一个多选日历，并提供相应的代码示例。 ## 1. HTML 结构 首先，我们需要创建
输入框
HTML
点击事件
原创
mob64ca12d0e5a4
2023-09-07 08:02:28
440阅读

html5动态日历
HTML5动态日历是一个非常实用的组件，广泛应用于活动安排、日程管理和时间选择等场景。为了帮助大家更好地理解和实现HTML5动态日历，本文将从版本对比、迁移指南、兼容性处理、实战案例、性能优化及生态扩展等方面进行详细讲解。 ## 版本对比 在HTML5动态日历的不同版本中，每个版本对于功能的支持、性能表现和兼容性都有所不同。以下是主要版本的对比： ### 兼容性分析 | 版本 |
HTML5
兼容性问题
新版本
原创
mob64ca12d16caa
6月前
34阅读

创意日历html5
# 如何实现创意日历 HTML5 在现代网页开发中，日历组件常常被用来显示和管理时间、约会和事件。创建一个“创意日历”不仅能帮助用户组织信息，还能展示开发者的技术能力。本文将指导你通过如下步骤实现一个简单的HTML5日历。 ## 流程概览 以下是开发“创意日历”的流程概览表： | 步骤 | 描述 | |------|------| | 1 | 设计日历布局 | | 2 | 编写
CSS
HTML
选择器
原创
mob64ca12dbdb81
9月前
48阅读

html5 日历 农历
# HTML5日历 农历 ## 引言 HTML5是一种用于构建网页和应用程序的标准技术。其中，日历是一个常见的功能，用于显示日期和时间。随着人们对农历的日历需求增加，开发人员开始探索在HTML5中实现农历日历的方法。本文将介绍如何使用HTML5和JavaScript实现一个带有农历的日历。 ## 实现原理 要实现一个带有农历的日历，我们需要使用HTML和JavaScript来创建一个日历应
HTML5
编写代码
HTML
原创
mob649e816347dd
2023-12-29 05:44:35
580阅读

HTML5电子日历
# 教你实现一个 HTML5 电子日历 在本篇文章中，我们将一起创建一个简单的 HTML5 电子日历。即便你刚刚入行，也不要担心，我会逐步引导你完成整个过程。以下是创建电子日历的基本流程。 ## 流程概览 | 步骤 | 描述 | |------|------| | 1 | 确定项目结构与需求 | | 2 | 创建基本的 HTML 页面 | | 3 | 添加 CSS 样式 |
UI
CSS
类图
原创
mob649e8154f2e5
9月前
122阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

html5 js 日历

html5 日历控件

html5怎么编写日历 html5日历代码

html5 日历网页代码 html日历插件

html5 日历控件 html制作日历网页

html5 精美日历 日历html代码

html5获取pc端设备mac地址

html5 打包pc

免费pc端组件库html5 html 组件库

HTML5 pc 录音 html5录音插件

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯