您应该知道的一切

除了使用媒体查询和现代CSS布局(例如flexbox和grid)来创建响应式网站之外，我们使用一些比较不太被用或者比较新的特性来制作响应式网站。在本文中，我们将探讨许多可用的工具(围绕HTML和CSS)，从响应图像到相对较新的CSS函数，无论我们是否使用媒体查询，它们都可以正常工作。

实上，当媒体查询与这些功能一起使用时，它更像是一种补充，而不是一种完整的方法。让我们看看它是如何工作的。

真正的响应图像

对于图片，我们经常使用 width: 100% 来适配图片，这种方法是挺有效的，但是对于较大的屏幕，如果图片像素不够高则会让图像看起来有些糊涂，同时这种方法也有一些缺点，其中比较值得注意的是：

• 图像可能会变形到失去焦点的程度。
• 屏幕较小的设备也要下载在大屏幕展现的大尺寸图片。

在网页上使用图像时，我们必须确保它们在分辨率和大小方面得到了优化。原因是为了确保我们有适合正确设备的正确图像分辨率，因此我们最终不会为较小的屏幕下载尺寸过大的图像，而这最终可能会降低网站的性能 ??。

简而言之，我们需要将较大的高分辨率图像发送到较大的屏幕，而将较小的低分辨率版本发送到较小的屏幕，从而改善性能和用户体验 ??。

HTML提供了<picture> 元素，该元素可以根据所添加的媒体查询来指定要渲染的确切图像资源。如前所述，我们没有将一个图像(通常是较大的高分辨率版本)发送到所有屏幕尺寸并将其缩放到视口宽度，而是指定了一组图像以在特定情况下使用。
 

模型特定寄存器

从80486之后的x86架构CPU，内部增加了一组新的寄存器，统称为MSR寄存器，中文直译是模型特定寄存器，意思是这些寄存器不像上面列出的寄存器是固定的，这些寄存器可能随着不同的版本有所变化。这些寄存器主要用来支持一些新的功能。

随着x86CPU不断更新换代，MSR寄存器变的越来越多，但与此同时，有一部分MSR寄存器随着版本迭代，慢慢固化下来，成为了变化中那部分不变的，这部分MSR寄存器，Intel将其称为Architected MSR，这部分MSR寄存器，在命名上，统一加上了IA32的前缀。

这里选取三个代表性的MSR简单介绍一下：

• IA32_SYSENTER_CS
• IA32_SYSENTER_ESP
• IA32_SYSENTER_EIP

这三个MSR寄存器是用来实现快速系统调用。

在早期的x86架构CPU上，系统调用依赖于软中断实现，类似于前面调试用到的int 3指令，在Windows上，系统调用用到的是int 2e，在Linux上，用的是int 80。

软中断毕竟还是比较慢的，因为执行软中断就需要内存查表，通过IDTR定位到IDT，再取出函数进行执行。

系统调用是一个频繁触发的动作，如此这般势必对性能有所影响。在进入奔腾时代后，就加上了上面的三个MSR寄存器，分别存储了执行系统调用后，内核系统调用入口函数所需要的段寄存器、堆栈栈顶、函数地址，不再需要内存查表。快速系统调用还提供了专门的CPU指令sysenter/sysexit用来发起系统调用和退出系统调用。

在64位上，这一对指令升级为syscall/sysret。

总结

以上就是全部要介绍的寄存器了，需要说明一下的是，这并不是x86CPU全部所有的寄存器，除了这些，还存在XMM、MMX、FPU浮点数运算等其他寄存器。

这篇文章以x86/x64架构CPU为目标，通过对CPU内部寄存器的阐述，串讲了CPU执行代码机制、内存寻址技术、中断与异常处理、多任务管理、系统调用、调试原理等多种计算机底层知识。

（编辑：莆田站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!