- 博客(5)
- 收藏
- 关注
RSS订阅原创 H5移动端适配（5）
在早期的手机上，浏览器为了能够实现放大和缩放功能，采用双击的方式来达到这样的交互效果，为了实现这样的效果，浏览器需要判断用户在第一次触碰屏幕之后，是否在300ms之内再次点击，有则表明用户希望缩放和放大，所以click事件会推迟到300ms之后运行。在你的项目中包含仅仅4kb大小的iScroll，你的项目便拥有了滚动，缩放，平移，无限滚动，视差滚动，旋转功能。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。touchstart 手指触摸屏幕时触发，即使已经有手指在屏幕上也会触发。
2025-02-06 13:41:06
903
原创 H5移动端适配（4）
的屏幕上，位图的一个像素可能由多个物理像素来渲染，然而这些物理像素点并不能被准确的分配上对应位图像素的颜色，只能取近似值，所以相同的图片在。的出现将手机的颜值带上了一个新的高度，它取消了物理按键，改成了底部的小黑条，但是这样的改动给开发者适配移动端又增加了难度。content设置状态栏颜色,iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；理论上，位图的每个像素对应在屏幕上使用一个物理像素来渲染，才能达到最佳的显示效果。iOS下取消input在输入的时候英文首字母的默认大写。
2025-02-04 12:50:09
585
原创 H5移动端适配（3）
iOS与Android平台的适配方式背后隐藏的设计哲学是这样的：阅读文字时，可读性较好的文字字号行距等绝对尺寸数值组合与文字所在媒介的绝对尺寸关系不大。（可以这样简单理解：A4大小的报纸和A3大小甚至更大的报纸，舒适的阅读字号绝对尺寸是一样的，因为他们都需要拿在手里阅读，在手机也是上同理）；在看图片视频时，图片、视频的比例应该是固定的，不应该出现拉伸变形的情况。对于大屏希望一行显示的文字多一些，小屏显示的少一些，而不是一视同仁的全部显示同样多的文字。这里的比例关系我们也不用自己换算，我们可以使用。
2025-02-03 14:07:58
872
原创 H5移动端适配（2）
layoutviewport 布局视口: 大于实际屏幕， 元素的宽度继承于 layoutviewport，用于保证网站的外观特性与桌面浏览器一样。idealviewport 理想视口: 为浏览器定义的可完美适配移动端的理想 viewport，固定不变，可以认为是设备视口宽度。)：当我们以百分比来指定一个元素的大小时，它的计算值是由这个元素的包含块计算而来的。当用户对浏览器进行缩放时，不会改变布局视口的大小，所以页面布局是不变的，但是缩放会改变视觉视口的大小。：获取浏览器窗口外部的高度。
2025-02-01 21:04:28
1101
原创 H5移动端适配（1）
比如一张图片的分辨率是800*400，这表示图片的垂直和水平上具有的像素点分别是800和400。理论上来讲，在A手机上相同大小的图片和文字，在B手机上会被缩放一倍，因为它的分辨率提高了一倍。这里的点是一个抽象的单位，它可以是屏幕像素点、图片像素点也可以是打印机的墨点。然而，事实并不是这样的，我们现在使用的智能手机，不管分辨率多高，他们所展示的界面比例都是基本类似的。但是，随着科技的发展，低分辨率的手机已经不能满足我们的需求了。(视网膜屏幕)的概念，它正是解决了上面的问题，这也使它成为一款跨时代的手机。
2025-01-31 15:52:43
1001
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人