摘要: 单行文本溢出 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ border: 1px solid black; line-height: 20px; widt 阅读全文
posted @ 2022-07-08 17:49 ˙鲨鱼辣椒ゝ 阅读(37) 评论(0) 推荐(0)
摘要: 理解响应式设计 页面的设计与开发能够根据用户行为(如:缩放页面尺寸)以及设备平台(如手机、平板等)进行相应的调整,这称为“响应式设计”。这样,就能避免维护多个网站来适应不同屏幕尺寸的设备。响应式设计遵循三大原则: 移动优先 由于移动版网页的限制条件更多,比如:屏幕空间受限、网络更慢。先考虑这些限制来 阅读全文
posted @ 2022-07-08 15:27 ˙鲨鱼辣椒ゝ 阅读(77) 评论(0) 推荐(0)
摘要: 理解网格布局的基本元素 网格布局是一个由行和列组成的二维布局方式,元素放置在网格的一个单元格中或占据多行多列(网格区域)。 grid-template-column与grid-template-row:指定网格中每列每行的大小。这里可以使用一种新单位fr,代表每一列(行)的分数单位,可以理解为“1f 阅读全文
posted @ 2022-07-08 13:04 ˙鲨鱼辣椒ゝ 阅读(375) 评论(0) 推荐(0)