HTML 移动端开发

最新推荐文章于 2023-09-13 14:21:37 发布
最新推荐文章于 2023-09-13 14:21:37 发布
阅读量288 收藏 2
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49288919/article/details/119573161
版权

移动端只需要考虑兼容webkit内核

viewport

布局视口、视觉视口、理想视口(meta设置)
在这里插入图片描述
在这里插入图片描述

理想视口

在这里插入图片描述

normalize.css

1.去除元素不必要的默认内外边距
2.box-sizing: border-box

去除点击文字背景高亮

-webkit-tap-highlight-color:transparent

去除默认外观

ios浏览器必须添加，才能给按钮和输入框自定样式

-webkit-appearance:none

去除长按弹出菜单

-webkit-touch-callout:none

流式(百分比)布局

通过width,min-width,max-width等设置

弹性布局

Tom10097
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
移动端开发.html
09-07
移动端开发
HTML5教程之移动端Web页面布局
最新发布
delishcomcn的博客
09-15 1746
随着科技的进步，及人们日常生活节奏的加快，我们通常花费在手机等移动设备上的时间比使用电脑的时间越来越多，为了适应市场及用户的转变，越来越多的服务从PC端转向移动端，就导致移动端有着强大的发展前景和巨大的市场，作为一个Web高级前端开发工程师，移动端页面布局也成了我们必须掌握的技能之一。% 根据父元素的尺寸进行计算;但是，浏览器也就是viewport的实际宽度，是和我们手机的宽度不一样的，无论你的手机宽度是320px，还是640px，在手机浏览器内部的宽度，始终会是浏览器本身的viewport的宽度。
HTML实现移动端布局与页面自适应
qq_44552416的博客
09-13 7585
结论：1.如果只做pc端，那么静态布局（定宽度）是最好的选择；2.如果做移动端，且设计对高度和元素间距要求不高，那么弹性布局（rem+js）是最好的选择，一份css+一份js调节font-size搞定；3.如果pc，移动要兼容，而且要求很高那么响应式布局还是最好的选择，前提是设计根据不同的高宽做不同的设计，响应式根据媒体查询做不同的布局。
移动端web开发
lzh17538073353的博客
08-10 2670
随着互联网技术的快速发展，加之智能设备的迅速普及,传统网站都已经逐渐向移动端转移和扩展,移动端web开发技术的掌握也显得尤为重要。 移动端Web主要指运行在移动端（手机、ipad）的web页面, 因为具备HTML5特性也叫H5页面、Web App等。 【H5页面、微网页、微站、wap站、webAPP】 如:京东商城手机版，淘宝触屏版，苏宁易购手机版 ...
HTML番外篇(五)-移动端适配
Welisit的博客
08-24 4670
移动互联网的快速发展，让人们已经越来越习惯于使用手机来完成大部分日常的事务。前端我们已经学习了大量HTML、CSS的前端开发知识，并且也进行了项目实战；这些知识也同样适用于移动端开发，但是如果想让一个页面真正适配于移动端，我们最好多了解一些移动端的知识；原生App开发（iOS、Android、RN、uniapp、Flutter等）小程序开发（原生小程序、uniapp、Taro等）Web页面（移动端的Web页面，可以使用浏览器或者webview浏览）
HTML移动端的基本了解
m0_46324704的博客
07-20 1129
HTML移动端的基本了解
html+app、mui+app等html移动端开发、计算当前APP缓存的数据大小和清除当前APP缓存等常用函数
06-10
html+app、mui+app等html移动端开发、计算当前APP缓存的数据大小和清除当前APP缓存等常用函数，为了解决html移动端开发因图片缓存或数据缓存到最后内存过大后导致app程序卡顿。
移动端的HTML5开发基础知识.pdf
01-07
移动端的HTML5开发基础知识
html移动端商城
09-27
一个weiui开发的移动端商城，需要的可以下载看看，=VV=
HTML5移动端手机网站开发流程
09-28
主要为大家介绍了HTML5移动端手机网站开发流程，想要进行移动端手机网站开发的朋友可以参考一下
HTML5移动Web开发指南（完整版）
01-28
本书主要围绕HTML5技术，讲述如何利用HTML5相关技术开发移动Web网站和WebApp应用程序。本书共分为四大部分，第一部分主要讲述Web技术的发展及HTML5标准在移动Web技术中的应用；第二部分主要介绍HTML5的新功能和新特性如何在移动设备浏览器中使用及相关展望；第三部分主要介绍目前比较流行的两套JavaScript移动开发框架jQueryMobile、SenchaTouch，以及PhoneGap，并配备丰富的例子作为实践；第四部分主要结合SenchaTouch框架库和HTML5技术构建进行讲解，旨在帮助读者将HTML5技术运用于实践之中。
60多套html5移动端模板
06-09
60多套html5移动端模板，适合研究一下，请放心下载，如有疑问，请留言
移动端HTML开发(模仿京东移动端)
qq_64970126的博客
04-03 5486
1、对于body特殊设置解释； 2、对于图片水平居中设定，在父元素中统一设定为text-align=center;line-height=盒子大小； 3、当多张图片在一起的时候会存在图片基线对齐的情况，解决方法利用； 4、外边距合并问题解决方法：当子盒和父盒贴在一起我们给子盒子设定外边距会存在父盒子被合并在一起依旧贴一起且将父盒子的外边距加大（此原因也称外边距塌陷）； 5、流式布局搜索框技巧 6、给图片设置圆角边框办法 7、流失布局盒子设置方法
倾力总结40条常见的移动端Web页面问题解决方案
weixin_34109408的博客
05-30 3170
原文链接：http://mp.weixin.qq.com/s?__biz=MzAwNjI5MTYyMw==&mid=2651493053&idx=1&sn=8409bc267cd73229425a915f27f6a27f&scene=0#wechat_redirect 1.安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很...
HTML5移动端最基本网页模板代码
jill12的博客
03-31 2108
HTML5移动端最基本网页模板代码
CSS——利用HTML+CSS书写移动端页面的相关知识点
Bonsoir777的博客
08-03 1152
本文主要介绍的是使用HTML+CSS书写移动端页面的相关知识点。
html移动端——开发前准备
sparkstark的博客
05-25 638
html移动端——开发前准备 1. 屏幕适配 iphone6 7 8：1倍图尺寸，宽375像素，高667像素。开发时使用2倍图尺寸（750×1334）设计，须进行编译器配置。 1.1 编译器配置 HBuilder： VS code: 1.2 flexible.js插件的使用 flexible.js插件是淘宝团队提出并免费分享的逻辑像素问题解决方案。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&
HTML_移动端界面
SDWESCES的博客
03-06 1251
homework8 移动端界面 注: 点击图标放大,点击图片旋转180度 yyd.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>移动端</title> <link rel="stylesheet" href="css/ydd.css" type="text/css" /> </head> <body
移动端开发需要学什么
07-27
移动端开发需要学习以下内容： 1. 编程语言：常用的移动端开发语言有Java（Android开发）和Swift/Objective-C（iOS开发）。 2. 开发框架：Android开发可以使用Android SDK和Android Studio，iOS开发可以使用iOS SDK...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值