![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动web
文章平均质量分 94
zimingyo
这个作者很懒,什么都没留下…
展开
-
响应式网页的说明》
媒体查询定义:根据条件的不同设置不同的css样式常用写法:媒体特性常用写法max-width(从大到小书写,否则会出错)min-width(从小到大书写,否则会出错)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m原创 2022-04-23 17:03:12 · 120 阅读 · 0 评论 -
移动适配的使用和说明》
解决方案rem:目前多数企业在用的解决方案vw/vh:未来的解决方案rem网页效果屏幕宽度不同,网页元素尺寸不同(等比缩放)px单位或百分比布局可以实现吗?px单位是绝对单位百分比布局特点宽度自适应,高度固定适配方案remvm/vhrem单位相对单位rem单位是相对于HTML标签的字号计算结果1rem=1HTML字号大小问:手机屏幕大小不同,分辨率不同,如何设置不同的HTML标签字号?答: 媒体查询媒体查询能够检测视口的宽度,然后编写差异化的原创 2022-04-13 17:00:01 · 167 阅读 · 0 评论 -
网页端特点的说明》
pc端网页和移动端网页的有什么不同?PC屏幕大,网页固定版心手机屏幕小,网页宽度多数为100%谷歌模拟器作用:方便移动端的调试启用流程如下:注意:点完后需要刷新页面,才能显示移动端分辨率硬件分辨率(出厂设置)缩放调节的分辨率(软件设置)分辨率的分类物理分辨率是生产屏幕时就固定的,它是不可改变的逻辑分辨率是由软件(驱动)决定的...原创 2022-04-06 23:36:12 · 280 阅读 · 0 评论 -
空间转换,动画的说明与使用》
空间转换平面转换是2D,而空间转换是3D:平面转换:分X轴,Y轴空间转换:分X轴,Y轴,Z轴空间位移语法:transform:translate3d(x,y,z)transform:translateX(值)transform:translateY(值)transform:translateZ(值)取值(正负均可):像素单位数值百分比注意:默认情况设置X,Y,Z是不会达到预期效果perspective属性实现透视属性(添加给父级)perspective:值;取值:像素原创 2022-03-30 23:09:43 · 330 阅读 · 0 评论 -
字体图标,平面转换,渐变的说明》
字体图标项目目录字体图标基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-03-25 22:59:46 · 625 阅读 · 0 评论