Begin bij de smalle indeling.
.workspace {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }Vergelijk het werkelijke gedrag met het verwachte resultaat. Onderzoek een mislukte controle voordat je verdergaat met wijzigingen.
Stel een OpenAI-compatibel of Anthropic-endpoint in met de basis-URL en zo nodig een API-sleutel. Test de verbinding. Een lokale modelserver moet actief zijn; externe hulpmiddelen kunnen apart gegevens versturen.
Zet een lang label en codeblok in het raster en herstel het krimpen in plaats van overlopende inhoud te verbergen.
.workspace {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }Webday Studio is een AI-programmeerwerkruimte voor Windows om een zichtbaar interfaceprobleem om te zetten in een wijziging in relevante projectbestanden. Beschrijf het scherm, de inhoud die het ontregelt en het kijkvenster waarin het probleem verschijnt. Vraag de assistent zowel componentmarkup als stijlen te inspecteren, zodat de oplossing de opmaakrelatie aanpakt in plaats van alleen een overlopend element te verbergen.
Het voorbeeld layout.css gaat over rasterinhoud die ruimte nodig heeft om te krimpen. Gebruik die context bijvoorbeeld om een editor met twee kolommen te bespreken waarvan lange inhoud de pagina breder maakt dan het venster. Het is een voorbeeld voor eigen ontwikkelwerk, geen functie die responsieve opmaak repareert. Beoordeel de betrokken selectors, hun bereik en hun wisselwerking met omliggende containers voordat je de patch toepast.
Render daarna je toepassing met gewone en uitzonderlijk lange inhoud op formaten die voor gebruikers relevant zijn. Bekijk regelafbreking, scrollen en aangrenzende bediening en breng concrete waarnemingen terug in het gesprek. Webday Studio ondersteunt OpenAI-compatibele of Anthropic-modelendpoints, met toegangsgegevens waar nodig. Ongefilterde modelkeuze betekent een beschikbaar compatibel model kiezen, geen providerbeleid verwijderen; contextlimieten, hulpmiddelen en beperkingen blijven eigenschappen van het ingestelde model en de server.
Noem de component, het kijkvenster en de inhoud die het probleem veroorzaakt. Voeg relevante markup en stijlen toe, samen met het beoogde gedrag. Een reproduceerbaar voorbeeld helpt een probleem met containergrootte te onderscheiden van een afzonderlijk element dat niet kan krimpen.
Alleen als afsnijden het beoogde ontwerp is. Inspecteer anders eerst de grootte- en inhoudsregels. Overloop verbergen kan tekst of bediening verbergen; beoordeel dus het zichtbare resultaat in plaats van een kleinere schermafbeelding als bewijs te accepteren.
Nee. Het illustreert één opmaakrelatie om te onderzoeken. Je component kan flexbox, vaste afmetingen of geneste containers gebruiken; vraag om uitleg op basis van de echte stijlen voordat je dezelfde declaraties elders toepast.
Behandel het voorstel als iets om te verifiëren. Render de gewijzigde toepassing in je browser op relevante breedtes en met lange inhoud. De werkruimte maakt van tekstuele uitleg geen bewijs van een uitgevoerde visuele controle.
Webday Studio · Bijgewerkt 2026-10-25
