henryliangt / usydweb

USYD Web Design
0 stars 0 forks source link

编辑器里的人和preview网页里显示的不同 #11

Open henryliangt opened 1 year ago

henryliangt commented 1 year ago

这个问题在其他页面都有存在,就是素材间距的问题,编辑器里的人和preview网页里显示的不同

https://www.sucsa.au/wp-admin/post.php?post=56&action=edit

d078069453bd4bdd63a50d14cf70ec0

86f3852dcb10767d4d39752059eec75

sylvia-sunyulin commented 1 year ago

同样的问题反映在合作方页面, https://www.sucsa.au/wp-admin/post.php?post=59&action=edit

插入图片gallery之后,编辑器内显示图片大小一致,预览到网页后,图片大小千奇百怪。 @henryliangt

截屏2023-02-12 下午2 20 01 截屏2023-02-12 下午2 20 11
henryliangt commented 1 year ago

@sylvia-sunyulin 行间距, 已经调整。测试效果。 版本 2023-2-12-1621.

image

CaptaindragonflyXZ commented 1 year ago

同样的问题反映在合作方页面, https://www.sucsa.au/wp-admin/post.php?post=59&action=edit

插入图片gallery之后,编辑器内显示图片大小一致,预览到网页后,图片大小千奇百怪。 @henryliangt

截屏2023-02-12 下午2 20 01 截屏2023-02-12 下午2 20 11

已解决。 07a3f8449a7f454a762627f94ebb415 上图为解决效果 image 上图为解决方法。 调整image dimension 一致即可

henryliangt commented 1 year ago

这个问题在其他页面都有存在,就是素材间距的问题,编辑器里的人和preview网页里显示的不同

https://www.sucsa.au/wp-admin/post.php?post=56&action=edit

d078069453bd4bdd63a50d14cf70ec0

86f3852dcb10767d4d39752059eec75

@CaptaindragonflyXZ @sylvia-sunyulin @IsaacYKC0329 image

注意用 shift enter, 无痕换行。不用插入新段落。 image

henryliangt commented 1 year ago

这个问题在其他页面都有存在,就是素材间距的问题,编辑器里的人和preview网页里显示的不同

https://www.sucsa.au/wp-admin/post.php?post=56&action=edit

d078069453bd4bdd63a50d14cf70ec0

86f3852dcb10767d4d39752059eec75 @sylvia-sunyulin 经过测试。 这个双素材间距,是自动调节的,每个屏幕都根据屏幕尺寸,按图片实际尺寸比例缩放的, 不会太丑, 但是兼顾了很多屏幕以后,他也不会太美观,

如果想要精确的调整距离。 那要给所有的供图,确定尺寸, 有一个标准的供图尺寸以后, 可以覆盖原来的图片改写规则。

image

henryliangt commented 1 year ago

四图并列,是可以的。 image

先插入2图框。 然后每个框里再插入对半分的框子。

henryliangt commented 1 year ago

image

henryliangt commented 1 year ago

同样的问题反映在合作方页面, https://www.sucsa.au/wp-admin/post.php?post=59&action=edit 插入图片gallery之后,编辑器内显示图片大小一致,预览到网页后,图片大小千奇百怪。 @henryliangt

截屏2023-02-12 下午2 20 01 截屏2023-02-12 下午2 20 11

已解决。 07a3f8449a7f454a762627f94ebb415 上图为解决效果 image 上图为解决方法。 调整image dimension 一致即可

再来个解决方案。 5图bing并列,在本地组合好,成为一张图。 然后一次上传完成。 image

henryliangt commented 1 year ago

5图并列,居中,毫无压力。

image