大阳城·(中国区)官方网站入口-Macau App Station

在上述代码中，第8~11行代码使用CSS 3子元素选择题:nth-child获取到第2张图片，并手动设置图片的宽度和高度为50px；第16行代码使用img标签引入50 ×50的图片；第18行代码引入100 ×100的图片。相应的图片素材可以从配套源代码中获取。

（2）在浏览器中打开demo07.html，观察iPhone 6/7/8中的显示效果。为了方便对比两张图的区别，将缩放设置为150%，运行结果如图1所示。

图1 二倍图

在图1中，左边的图片是原图，右边的图片是二倍图。由此可见，二倍图在页面中显示的效果更加清晰。

猜你喜欢：

移动web端页面设置特殊样式

prop()方法获取元素固有属性【web前端】

Web开发兼顾多个版本浏览器的通用方法？

大阳城app官网入口前端与移动开发培训

上一篇：常见的js中的继承方法有哪些? 下一篇： Sass语言如何声明和引用变量？

最新资讯

相关阅读

0 分享到：

javaee

python

web

design

cloud

test

c

netmarket

pm

Linux

movies

robot

uids

Python

jdbc

北京校区

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

热门课程推荐

更多>>

首页|校区分布|师资力量|关于我们|报名流程

常见问题|技术资讯

大阳城·(中国区)官方网站入口-Macau App Station版权所有
Copyright 2006-2023, All Rights Reserved

在线咨询我要报名

和我们在线交谈！