![](https://img-blog.csdnimg.cn/2020020702431425.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
移动web
移动web自学笔记
纯情小码哥
越努力,越秃飞猛进,就能猥琐欲为!
展开
-
移动web-版心容器
移动web-版心容器设置最大宽度,最小宽度。通常为:max-width: 640px; min-width: 320px;640和设计稿的大小有关系,为PSD图的大小。640px宽度是早期标准,标准参考设备,iphone4750px宽度是现在主流标准,参考标准设备为:iphone6320保证网页内容的布局代码如下:<!DOCTYPE html><htm...原创 2019-10-26 21:49:53 · 411 阅读 · 0 评论 -
移动端常用设置
移动端常用设置1、重置样式*,::before,::after { margin: 0; padding: 0; /* 针对移动端 */ box-sizing: border-box; -webkit-box-sizing: border-box; /* 低版本主流浏览器兼容 */ -webkit-tap-highlight-color: ...原创 2019-10-26 21:17:53 · 204 阅读 · 0 评论 -
viewport标准化设置
viewport标准化设置viewport指视口,浏览器上(或一个app中的webview)显示网页的区域。PC端的视口是浏览器窗口区域,而移动端的则存在三个不同的视口:layout viewport:布局视口visual viewport:视觉视口ideal viewport:理想视口1. layout viewport 布局视口在PC端的网页的layout viewport即浏览器...原创 2019-10-26 20:36:15 · 454 阅读 · 0 评论 -
移动web-流式布局
流式布局页面元素的宽度按照屏幕分辨率进行适配调整 ,但整体布局不变。网页中主要的划分 区域的尺寸使用百分数(搭配min-*,max-*属性使用)特点:屏幕 分辨率变化时,页面里元素的大小会变化但布局不变。【这会导致如果屏幕太大或太小都会导致元素无法正常显示】静态布局(PC网站,用来对比的)网页上所有元素的尺寸一律使用px作为单位特点:不管浏览器的尺寸具体是多少,网页矶始终按照最初写...原创 2019-10-26 16:55:06 · 231 阅读 · 0 评论