下午对博客做了一点小的优化，调整了以往的样式。 codes 如下： 待优化
原创
2022-07-27 11:56:48
129阅读
点赞
什么是响应式设计？是什么？一句通俗易解得话就可以概括，所谓响应式设计就是可以让你设计的网页不仅仅在PC端显示，还可以在智能机以及iPad平板等移动设备上显示，应用了响应式设计的网页可以随着分辨率的大小进行样式变化，但是响应式设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式现在响应式设计已经应用的越来越广，学前端的我们不能不去掌握响应式设计，像美国白宫就对其
国漫fm主题V1.8适合做个人博客或者音乐博客，是一款功能强大而又细腻精致的动漫主题模板
原创
2024-05-02 17:09:08
333阅读
1.必须引入标签： 设置 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 在设置视口时需要注意，视口就是网页可见区域的尺寸， ...
转载
2021-10-10 10:12:00
235阅读
2评论
CSS 响应式设计（Responsive Design）是一种使网页在不同设备和屏幕尺寸上都能良好显示的方法。以下是实现响应式设计的基本技术和最佳实践。1. 媒体查询媒体查询是实现响应式设计的核心工具。它允许你根据不同的设备特性（如宽度、高度、分辨率等）应用不同的样式。基本语法@media only screen and (max-width: 600px) {
body {
back
原创
精选
2024-06-17 09:55:29
496阅读
正文:据说lolimeow主题的作者是个妹子，主题基于bootstrap框架，自带合集比较实用功能，自带一些优化和代码优化，支持无分类链接，如果你用插件就别开，更新到了V1.2版PS:还有很多功能可以做，但是没有做上，尽量减少主题的查询压力优化速度为主 建议把主题前端文件放到OS上或者七牛之类，这样可以达到更好的打开速度 会员中心可以开关，如果不要就不要开 启用主题后，主题设置面板上需要
原创
2022-03-10 00:41:55
519阅读
# Bootstrap响应式个人旅游博客HTML5模板 - Xfar
## 介绍
Xfar是一个基于Bootstrap的响应式个人旅游博客HTML5模板。它设计简洁、美观，提供了丰富的页面布局和组件，适用于个人旅行博客、旅游攻略分享等网站。本文将介绍如何使用Xfar模板来搭建一个个人旅游博客网站，并对其中的一些重要代码进行解析。
## 搭建个人旅游博客网站
首先，我们需要下载Xfar模板，并解
原创
2023-08-16 06:07:42
604阅读
响应式布局就是在任何情况下，页面布局效果都不会发生变化，他会根据用户的电脑屏幕，尺寸大小来改变自身的布局。 浏览器窗口，VH和VW，VH 的计算方法就是，将窗口的大小分为100份，vh 的计算方法和 vh 是一样的，一个是计算高，一个是计算宽。 弹性盒子，弹性盒子是CSS3的一种新布局模式，代替浮动
原创
2022-06-24 00:22:40
479阅读
方案:
REM、VW、REM + VWlib-flexiblepostcss-plugin-px2rem -Dmain.js
import 'lib-flexible/flexible.js'vue.config.js:css: {
loaderOptions: {
postcss: {
plugins: [
requrie('postcss-plugin-
原创
2023-10-06 10:09:02
118阅读
?校园篮球网页设计、⚽足球体育运动、?体育游泳运动、?兵乓球 、?网球、等网站的设计与制作。
原创
2022-10-24 00:18:47
159阅读
????文章目录一、????????网站题目二、✍️网站描述三、????网站介绍四???网球...
原创
2022-10-31 10:25:26
340阅读
HTML期末大作业~ 蓝色的异清轩响应式个人博客模板源码~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。作品介绍1.
原创
2021-08-09 13:07:44
405阅读
HTML期末大作业~ 蓝色的异清轩响应式个人博客模板源码~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量...
原创
2021-10-19 10:15:03
703阅读
Web前端期末大作业--响应式酷炫个人日志博客网页设计临近期末,
原创
2022-01-26 10:10:26
259阅读
1评论
移动设备优先：<metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">媒体标签：@mediascreenand(min-width:100px){div{width:100px;height:1000px;background:yellow;}}完
原创
2018-04-22 10:19:36
1083阅读
点赞
2评论
响应式设计 .在不同设备上正常使用 .一般主要处理屏幕大小问题 .主要方法： .隐藏 ＋ 折行 ＋ 自适应空间 .rem/viewport/media query 第一个案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
转载
2019-02-12 06:55:00
548阅读
2评论
<style type="text/css"> body{ margin:0 aut
原创
2022-07-28 17:33:28
167阅读
// PC端 @media (min-width: 767px) { } // 手机端 @media screen and (max-width: 767px) { } ...
转载
2021-08-23 08:47:00
287阅读
2评论
