css如何使页面缩小后不变?
1、打开编辑器,创建一个HTML文档,并且设立一下基本的架构。
2、我们用img标签嵌入一张图片,我们可以看出如果页面缩小,图片不会随着缩小,这样页面就变形了。
3、然后创建CSS文档,并且关联现在的HTML文档。利用LINK标签。
4、* { text-align: center;} img { width: 800px; height: 800px;}为了方便显示,我们先居中图片,并且设置基础的长宽。
5、@media only screen and (max-width: 600px) { img { width: 300px; height: 300px; }}
现在我们在CSS文件后面加上这行代码,指的是页面缩小到宽度为600px后,图片的长宽也跟着缩小,这里要注意比例。
6、然后我们试着缩小页面,就可以发现会跟着缩小,这样就可以制作不变的效果。
万联网的核心架构?
万维网的核心部分由统一资源定位符(Uniform Resource Locator,URL)、超文本传送协议(Hyper Text Transport Protocol,HTTP)和超文本标记语言(Hypertext Markup Language,HTML)这三个标准构成。
什么是b/s架构?
B/S架构(Browser/Server Architecture)是指一种基于浏览器和服务器之间的协作方式实现应用程序的架构。
在该架构中,浏览器作为客户端,通过与服务器进行交互来访问各种应用程序。服务器负责处理客户端请求,并向其提供数据和应用程序。这种架构可以利用Web技术实现,例如 HTML、JavaScript和CSS等。
B/S架构具有许多优点,例如,可以通过一个 Web 浏览器访问应用程序,从而提高了用户的使用便捷性。成本也相对较低,因为客户端只需要安装一个浏览器即可访问应用程序,而无需安装其它软件。
此外,应用程序的维护和更新也更加方便,因为所有的数据和应用程序都存储在服务器中,只需要在服务器上进行更改就能够实现对所有用户的更新。
B/S架构是指浏览器/服务器架构。在这种架构下,浏览器作为用户的客户端,而服务器则作为应用程序的服务端。
用户通过浏览器向服务器发送请求,服务器对请求进行处理,并返回HTML等格式的数据给浏览器,最终浏览器将数据呈现给用户。相比于C/S架构,B/S架构的优势在于其具有更好的跨平台性、更方便的维护、更低的成本等特点。目前,B/S架构已成为互联网应用程序开发的主流模式,被广泛应用于各类Web应用、移动应用的开发。