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

css3 html5 手机网页 html编写手机网页
拿到设计图使用markman标好尺寸、字体大小和颜色等，但是是什么字体我还不知道如何判断，估计还得问设计师吧！但最后还是考虑使用微软雅黑字体比较好看。html页面设置环境为中国：<html lang="zh">这是一张手机端的html5网页，一般考虑适应webkit内核，还有就是需要设置meta标记防止缩放、自适应等，代码如下：<meta name="viewport" cont
css3 html5 手机网页
缩放
点击效果
html
转载
网络安全侠
2023-07-21 17:09:54
152阅读

css3手机网页 html5 html5开发手机端网页
很不错的总结 让网页的宽度自适应屏幕<meta name="viewport" content="width=device-width"/> 1）html上加入<meta name="viewport" content=" initial-scale=1.0,user-scalable=no" /> 发确保网页的效果 2）
css3手机网页 html5
html
加载
事件处理
转载
mob64ca13f7ecc9
2024-01-24 13:48:38
14阅读

lua 手机自适应 自适应手机端
最近帮老师改个网站，将PC端网页改为手机端网页，虽然对于有一定开发经验的前端开发者是很easy的事情，但是呢，对于小白来说，还是很一头雾水的。下面咱们就从头来进行实战，看看自适应到手机端到底是怎么回事！开发必备工具： chrome浏览器 一部手机 CSS手册（推荐菜鸟教程-CSS手册）好了，咱们开始吧！1、首先我先在电脑上打开网页2、接下来使用chrome浏览器自带的手机模拟器看看这个网页在手机上
lua 手机自适应
自适应
手机web
优先级
CSS
转载
mob64ca14005461
2024-04-07 08:37:02
50阅读

antdesign vue适应手机端
1，先看看网上关于移动端适配讲解再聊移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小。所以不用px;根字体：字体的大小px;px：你就当成cm(厘米)这样的东西吧；基准：750设计稿；这是方案的基础理论，在这个基础上，我们还要搞明白，到底要干一件什么事情！目标一 、手机适配：就是页面上的尺寸，无论高度，还是宽度，还有字体，随屏幕的宽度变化！这里是屏幕宽度！是不是想到了vw，
antdesign vue适应手机端
iphone
屏幕宽度
根目录
转载
jordana
6月前
77阅读

android自适应 自适应手机端
移动端方案的特点  如果说在PC端，我们可以用float/flex+定宽(如1000px)搞定布局，那么当下手机的型号尺寸多种多样，最流行的如iphone,华为，小米，VIVO等不同品牌的手机各自都有不同的型号，对应的多种多样的尺寸，这么多不同分辨率的手机，要一一适配工作量超级超级大了，简直无穷了。。可见，在手机端，通过定宽来搞定布局是不现实的，既然这样，可选的方案看上去只有百分比布局(所有元素尺
android自适应
ui
html
缩放
屏幕宽度
转载
索姆拉
2023-08-29 16:29:56
197阅读

css自适应手机，pc方案
这里不说bootstrap和其他框架的自适应方案，仅用最基本的css属性来控制使用自适应方案的前提：
项目开发技巧
css自适应
自适应
实例代码
css
原创
qq59caeb714a7a4
2022-07-09 00:19:45
716阅读

css3 rem手机自适应框架
css3 rem手机自适应框架 rem是按照html的字体大小来 所以 不同宽度浏览器 htmlfont-size不一样 就可以做到自适应了 此方法比百分比方便<pre><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit
css3
html
自适应
js函数
公众号
转载
mb5fe94b3e552d9
2019-11-17 15:39:00
186阅读
2评论

html手机网页自适应宽度
html单页 手机单页
html手机网页自适应
html
ide
scala
原创
zhangbei59
2021-08-04 17:06:04
3670阅读

element页面适应手机屏幕 element网页
前言VueJS可以说是近些年来最火的前端框架之一，越来越多的网站开始使用vuejs作为前端框架，vuejs轻量、简单的特性使得前端开发变得更加简易，而基于vuejs的前端组件库也越来越多。我们今天使用的ElementUI，是饿了么团队开发的一款基于vuejs的前端组件库，也是众多vuejs组件库里面比较优秀的一款。这里要说一下我们构建网站所需要用到的一些东西：NodeJS（npm）Webstorm
element页面适应手机屏幕
ES6
模版
依赖包
转载
是大魔术师
6月前
17阅读

html5 如何适应手机端
在当今移动设备普及的时代，HTML5如何适应手机端成为开发者们亟待解决的问题。随着越来越多的网站和应用推向移动端，用户尤为注重页面的响应速度和可读性。因此，确保HTML5内容在各类手机设备上都能优雅呈现显得尤为重要。 > 近年来，服务热线电话的呼入量显著减少，甚至有些公司未能提供可在手机上正常访问的网站，这导致用户流失和客户满意度降低。这一现象呼唤着响应式设计的必要性。 ## 错误现象 在未
手机端
HTML5
媒体查询
原创
mob64ca12d78ba3
7月前
49阅读

制作适应手机网页、平板电脑（iPad)、电脑网页的三种方法
使用金蜘蛛网页设计器制作适应手机、电脑的网页三种法，这里所说的三种方法主要指同一个网页同时适合手机、电脑、平板电脑等多设备混合浏览的三种方法。
html
手机网页
控件
原创 精选
金蜘蛛网页设计器
2022-08-12 15:35:16
1226阅读

手机网页 demo 手机网页游戏
游戏在这个娱乐年代怎么可能少，微信有了游戏，这个平台也成了它的主要增值空间。“愤怒的小鸟”、“捕鱼达人”、“水果忍者”，一个个耳熟能详的手机游戏让背后企业声名鹊起，也让众多开发者涌入这块VC青睐的垫款热土。其实早在2012年10月，就有“魔兽”、“星际”登录微信平台、“永恒之塔”开通官方微信平台。而9月，“水浒Q传2”官方微信启动，提供游戏资讯抢鲜看，“桃园”开放微信，扫二维码送吕布手办。&nbs
手机网页 demo
游戏
微信
微信游戏
手机游戏
转载
梦想启航吧
2024-05-15 13:26:21
87阅读

手机网页宽度 ， 图片宽度 自适应
网页宽度页面box不要写宽度或 width:100% 之类的 去掉头部加上下面代码： <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />    &nb
自适应
宽度
手机网页
原创
小仙女KOMons
2014-06-26 09:35:53
2135阅读

android 鸿洋 自适应工具 自适应手机端
 手机端的页面需求大多数为：自动适应不同手机的屏幕，包括平板，以往的处理方式通常都是：1.根据不同的分辨率制作不同的页面，然后通过js来处理选择显示哪个页面。2.通过媒体查询来编写多种css样式，让其自动选择。3.使用百分比。    但这两种方式都有一个很大的缺点，无法做到完全适应所有分辨率，例如有一个按钮大小设置成100px*200px，你通过媒体查询的方式来处理低
android 鸿洋 自适应工具
css
html
iphone
转载
laokugonggao
2024-08-13 17:25:56
37阅读

and design 自适应手机
1、屏幕相关概念1.1分辨率是指屏幕上有横竖各有多少个像素1.2屏幕尺寸指的是手机实际的物理尺寸，比如常用的2.8英寸，3.2英寸，3.5英寸，3.7英寸android将屏幕大小分为四个级别（small，normal，large，and extra large）。1.3屏幕密度每英寸像素数手机可以有相同的分辨率，但屏幕尺寸可以不相同，Diagonal pixel表示对角线的像素值（=），DPI=9
and design 自适应手机
移动开发
ui
人工智能
android
转载
mob64ca140a59b0
2024-09-26 15:57:01
82阅读

android html适应手机
# 实现Android HTML适应手机教程 ## 1. 整体流程 在实现Android HTML适应手机的过程中，主要需要以下几个步骤： | 步骤 | 内容 | |------|--------------------| | 1 | 创建Android工程 | | 2 | 在res目录下创建assets目录，并将HTML文件放入 | | 3
HTML
Android
assets目录
原创
mob649e8156b567
2024-04-24 05:43:39
50阅读

element那么适应手机
vue滑块组件验证日常吐槽 作为一个程序员的我，使用element发现没有，类似滑块组件验证的那种组件，我流下了无法使用轮子的眼泪，请element大佬多造一点组件可好，我们这种实习生切图切的慢哦，慢的话是要被开除的》》》后台开发需要一个滑块验证滑块验证可以解决一些安全问题，和带来用户体验上的上升 类似这种（这里用一下图，如果侵权请联系一下我） 这里用一下别人的图，公司的不太方便贴出来代码这里主要
element那么适应手机
滑块
前端
验证
vue
转载
mob64ca140dc73b
2024-10-10 22:23:20
48阅读

html5适应手机端的报表
# HTML5适应手机端的报表 在现代社会中，移动设备的使用越来越普遍，因此，开发适应手机端的报表变得越来越重要。HTML5为我们提供了丰富的工具和技术，使得我们能够轻松地创建适应手机端的报表。 ## 使用HTML5的优势 HTML5是一种用于构建网页和网页应用程序的标准技术，具有许多优势： - **响应式设计**：HTML5使得我们可以轻松地创建响应式设计的报表，从而能够在不同大小和分辨
HTML5
手机端
响应式设计
原创
mob649e815c3b9e
2024-05-15 04:26:23
62阅读

使用CSS3的@media来实现网页自适应
如今，电脑显示器的屏幕分辨率向越来越大发展，而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站，开始让自己的页面自适合各种分辨率，在小分辨率下显示基本的内容，在大分辨率下显示全部功能，甚至是分多等级的多版本。作为web前端开发人员需要知道并且会用这种知识。css2的@mediacss2里...
css
@media
网页自适应
chrome
样式表
转载
mob604756e58279
2015-03-13 15:01:00
151阅读
2评论

网页自适应手机、电脑屏幕的设置方法
 http://bl
javascript
前端
人工智能
ViewUI
屏幕宽度
原创
mb64216b23e45d0
2023-08-08 11:25:56
2352阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

网页宽度自动适应手机屏幕宽度的方法

【手机网页】手机网页显示图片模糊问题

html5适应手机

CSS3美化网页元素

手机网页java

网页宽度自动适应手机屏幕宽度的方法 （转）

青蛙吃蚊子小游戏源码_自适应手机端

jquery mobile手机屏幕自适应 自适应手机页面

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

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