![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
响应式网站学习个人记录
Bamboo_up
全栈小白
展开
-
响应式网站(3):移动端适配
通过浏览Bootstrap官方文档可知,媒体查询适配各个设备的分界点阈值:但要注意,现在的网页制作手机和平板通常使用同一种适配,通常992px以下是手机和平板阈值(因为手机屏幕越来越大,已经和平板差不多了)下面是进行适配的一个小案例:...原创 2022-01-30 12:38:21 · 1033 阅读 · 0 评论 -
响应式网站(2):@media制作响应式网站的用法
@media媒体查询媒体查询是 CSS 样式表最重要的功能之一,所谓媒体查询指的就是根据不同的媒体类型(设备类型)和条件来区分各种设备(例如:电脑、手机、平板电脑、盲文设备等),并为它们分别定义不同的 CSS 样式。媒体查询能让 CSS 可以更精确的作用于不同的设备或同一设备的不同条件,让所有用户都能得到很好的用户体验。使用方法案例(直接上代码)<!DOCTYPE html><html lang="en"><head> <meta char原创 2022-01-29 17:40:37 · 565 阅读 · 0 评论 -
响应式网站(1):概念
什么是响应式网站?为了使网页适配手机、平板、电脑三端,进而引入响应式网站响应式网站的两种形式:1、在一个网站完成各种原创 2022-01-29 17:20:14 · 307 阅读 · 0 评论